Hướng dẫn what is set attribute in javascript? - thuộc tính set trong javascript là gì?

Thí dụ

Thêm thuộc tính lớp vào một phần tử:

phần tử.setAttribution ("class", "democlass");

Before:

Đối tượng phần tử

After:

Đối tượng phần tử

Hãy tự mình thử »

Thêm ví dụ dưới đây.


Định nghĩa và cách sử dụng

Phương thức setAttribute() đặt một giá trị mới thành một thuộc tính.

Nếu thuộc tính không tồn tại, nó được tạo đầu tiên.



Cú pháp

Element.SetAttribution (tên, giá trị)

Thông số

Tham sốSự mô tả
TênYêu cầu. Tên của thuộc tính.
The name of the attribute.
giá trịYêu cầu. Giá trị thuộc tính mới.
The new attribute value.

Giá trị trả về


Ghi chú

Có thể thêm một thuộc tính kiểu có giá trị vào một phần tử, nhưng nó không được khuyến khích vì nó có thể ghi đè các thuộc tính khác trong thuộc tính kiểu.

Thay vào đó, sử dụng các thuộc tính của đối tượng kiểu:

NO:

phần tử.setAttribution ("style", "màu nền: màu đỏ;");

YES:

phần tử.style.backgroundColor = "màu đỏ";



Nhiều ví dụ hơn

Thay đổi trường đầu vào thành nút đầu vào:

myInput.setAttribution ("type", "nút");

Before:

After:

Hãy tự mình thử »

Thêm ví dụ dưới đây.

Định nghĩa và cách sử dụng

Before:

Phương thức setAttribute() đặt một giá trị mới thành một thuộc tính.

Nếu thuộc tính không tồn tại, nó được tạo đầu tiên.

Hãy tự mình thử »

Thêm ví dụ dưới đây.

Định nghĩa và cách sử dụng
  element.setAttribute("target", "_self");
}

Hãy tự mình thử »


Thêm ví dụ dưới đây.

Định nghĩa và cách sử dụng

Phương thức setAttribute() đặt một giá trị mới thành một thuộc tính.

Nếu thuộc tính không tồn tại, nó được tạo đầu tiên.Cú phápElement.SetAttribution (tên, giá trị)Thông sốTham sốSự mô tả
TênYêu cầu. Tên của thuộc tính.TênTênTênTên


Phương thức setAttribution () được sử dụng để đặt hoặc thêm một thuộc tính vào một phần tử cụ thể và cung cấp một giá trị cho nó. Nếu thuộc tính đã tồn tại, nó chỉ đặt hoặc thay đổi giá trị của thuộc tính. Vì vậy, chúng ta cũng có thể sử dụng phương thức setAttribution () để cập nhật giá trị của thuộc tính hiện có. Nếu thuộc tính tương ứng không tồn tại, nó sẽ tạo một thuộc tính mới với tên và giá trị được chỉ định. Phương pháp này không trả về bất kỳ giá trị nào. Tên thuộc tính tự động chuyển đổi thành chữ thường khi chúng tôi sử dụng nó trên phần tử HTML.setAttribute() method is used to set or add an attribute to a particular element and provides a value to it. If the attribute already exists, it only set or changes the value of the attribute. So, we can also use the setAttribute() method to update the existing attribute's value. If the corresponding attribute does not exist, it will create a new attribute with the specified name and value. This method does not return any value. The attribute name automatically converts into lowercase when we use it on an HTML element.

Mặc dù chúng ta có thể thêm thuộc tính kiểu bằng phương thức setAttribution (), nhưng nên không sử dụng phương thức này để tạo kiểu. Để thêm các kiểu, chúng ta có thể sử dụng các thuộc tính của đối tượng kiểu sẽ thay đổi phong cách một cách hiệu quả. Nó có thể rõ ràng với mã sau.style attribute using the setAttribute() method, but it is recommended not to use this method for styling. For adding styles, we can use the properties of the style object that will effectively change the style. It can be clear with the following code.

Cách không chính xác

Nên không sử dụng nó để thay đổi phong cách.

Cách chính xác

Cách chính xác để thay đổi phong cách được đưa ra dưới đây.

Để có được giá trị của một thuộc tính, chúng ta có thể sử dụng phương thức getAttribution () và để xóa một thuộc tính cụ thể khỏi một phần tử, chúng ta có thể sử dụng phương thức removeAtribution ().getAttribute() method, and to remove a specific attribute from an element, we can use the removeAtrribute() method.

Nếu chúng ta đang thêm một thuộc tính boolean như bị vô hiệu hóa, thì bất kể giá trị của nó, nó luôn được coi là đúng. Nếu chúng tôi yêu cầu đặt giá trị của thuộc tính boolean thành false, chúng tôi phải xóa toàn bộ thuộc tính bằng phương thức removeAtribution ().disabled, then whatever the value it has, it is always considered as true. If we require to set the value of the Boolean attribute to false, we have to remove the entire attribute using the removeAttribute() method.

Cú pháp

Các đối số của phương pháp này không phải là tùy chọn. Cả hai tham số phải được bao gồm khi sử dụng phương pháp này. Các giá trị tham số của phương pháp này được xác định như sau.

Giá trị tham số

AttributionName: Đó là tên của thuộc tính mà chúng tôi muốn thêm vào một phần tử. Nó không thể để trống; tức là, nó không phải là tùy chọn. It is the name of the attribute that we want to add to an element. It cannot be left empty; i.e., it is not optional.

AttributionValue: Đó là giá trị của thuộc tính mà chúng tôi đang thêm vào một phần tử. Nó cũng không phải là một giá trị tùy chọn. It is the value of the attribute that we are adding to an element. It is also not an optional value.

Hãy hiểu cách sử dụng phương thức setAttribution () bằng cách sử dụng một số hình minh họa.setAttribute() method by using some illustrations.

Example1

Trong ví dụ này, chúng tôi đang thêm một thuộc tính href với giá trị "https://www.javatpoint.com/" vào thẻ với id = "link".href attribute with a value of "https://www.javatpoint.com/" to the tag with id = "link".

Kiểm tra nó ngay bây giờ

Đầu ra

Sau khi thực hiện mã trên, đầu ra sẽ là -

Hướng dẫn what is set attribute in javascript? - thuộc tính set trong javascript là gì?

Chúng ta có thể thấy rằng trước khi nhấp vào nút đã cho, liên kết không được tạo. Sau khi nhấp vào nút, đầu ra sẽ -

Hướng dẫn what is set attribute in javascript? - thuộc tính set trong javascript là gì?

Bây giờ, chúng ta có thể thấy rằng liên kết được tạo ra.

Example2

Trong ví dụ này, chúng tôi đang cập nhật giá trị của thuộc tính hiện có bằng phương thức SetAttribution (). Ở đây, chúng tôi đang chuyển đổi một trường văn bản thành một nút bằng cách thay đổi giá trị của thuộc tính loại từ nút sang nút.setAttribute() method. Here, we are converting a textfield to a button by changing the value of type attribute from text to button.

Chúng tôi phải nhấp vào nút được chỉ định để xem hiệu ứng.

Kiểm tra nó ngay bây giờ

Đầu ra

Sau khi thực hiện mã trên, đầu ra sẽ là -

Hướng dẫn what is set attribute in javascript? - thuộc tính set trong javascript là gì?

Chúng ta có thể thấy rằng trước khi nhấp vào nút đã cho, liên kết không được tạo. Sau khi nhấp vào nút, đầu ra sẽ -

Hướng dẫn what is set attribute in javascript? - thuộc tính set trong javascript là gì?

Example3

Bây giờ, chúng ta có thể thấy rằng liên kết được tạo ra.disabled to disable the specified button. If we set the value of the disabled attribute to an empty string, then it is automatically sets to true which causes the button to be disabled.

Kiểm tra nó ngay bây giờ

Đầu ra

Sau khi thực hiện mã trên, đầu ra sẽ là -

Hướng dẫn what is set attribute in javascript? - thuộc tính set trong javascript là gì?

Chúng ta có thể thấy rằng trước khi nhấp vào nút đã cho, liên kết không được tạo. Sau khi nhấp vào nút, đầu ra sẽ -

Hướng dẫn what is set attribute in javascript? - thuộc tính set trong javascript là gì?

SetAttribution () trong XML DOM là gì?

SetAttribution (Chuỗi, Chuỗi, Chuỗi) Đặt giá trị của thuộc tính với tên cục bộ được chỉ định và URI không gian tên.Sets the value of the attribute with the specified local name and namespace URI.

Thuộc tính được sử dụng cho cái gì?

Phương thức getAttribution () được sử dụng để thu được giá trị của một thuộc tính trong tài liệu HTML. Trong mã HTML, thuộc tính và giá trị của nó xuất hiện dưới dạng cặp giá trị chính. Một số thuộc tính HTML thường được biết đến bị vô hiệu hóa, ALT, ID, HREF, Phong cách, Tiêu đề và SRC.to obtain the value of an attribute in an html document. In an html code, attribute and its value appear as a key value pair. Some of the commonly known html attributes are disabled, alt, id, href, style, title and src.

Làm thế nào để bạn đặt một thuộc tính bị vô hiệu hóa?

Để đặt thuộc tính bị vô hiệu hóa, chọn phần tử và gọi phương thức setAttribution () trên nó, chuyển nó bị tắt là tham số đầu tiên, ví dụ:cái nút.setAttribution ('vô hiệu hóa', '').Phương thức SetAttribution sẽ thêm thuộc tính bị vô hiệu hóa vào phần tử.Đây là HTML cho các ví dụ trong bài viết này.select the element and call the setAttribute() method on it, passing it disabled as the first parameter, e.g. button. setAttribute('disabled', '') . The setAttribute method will add the disabled attribute to the element. Here is the HTML for the examples in this article.

JavaScript có thể thay đổi thuộc tính không?

JavaScript có thể được sử dụng để thay đổi (các) thuộc tính của phần tử HTML, chẳng hạn như đoạn văn, tiêu đề, hình ảnh hoặc danh sách hoặc bất kỳ phần tử HTML nào khác nhau.Ví dụ: bằng cách thay đổi thuộc tính SRC của thẻ IMG, chúng ta có thể thay đổi hoàn toàn hình ảnh thành một thứ khác với JavaScript., such as a paragraph, a header, an image, or a list, or any various HTML elements. For example, by changing the src attribute of an img tag, we can change the image entirely to something else with Javascript.