Hướng dẫn how does setattribute work in javascript? - setattribute hoạt động như thế nào trong javascript?

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ố

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.

SetAttribution () trong XML DOM là gì?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à -

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ẽ -

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à -

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ẽ -

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à -

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ẽ -

---

SetAttribution có ghi đè không?

Sử dụng SetAttribution Nếu thuộc tính đã được gán cho một phần tử, giá trị sẽ được ghi đè.Nếu không, các phần tử được gán một thuộc tính mới với các giá trị và tên được chỉ định.If the attribute is already assigned to an element, the value is overwritten. If not, elements are assigned a new attribute with indicated values and name.

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.

Tại sao SetAttribution không hoạt động?

Xảy ra "setAttribution không phải là một hàm" xảy ra vì nhiều lý do: gọi phương thức setAttribution () trên một giá trị không phải là phần tử DOM.Đặt thẻ tập lệnh JS trên mã khai báo các phần tử DOM.Gọi phương thức setAttribution trên một đối tượng jQuery (nên sử dụng attr () thay thế).calling the setAttribute() method on a value that is not a DOM element. placing the JS script tag above the code that declares the DOM elements. calling the setAttribute method on a jQuery object (should use attr() instead).

Làm cách nào để thay đổi hình ảnh với setattribut?

Thay đổi hình ảnh SRC bằng cách sử dụng setAttribution const img1 = tài liệu.getEuityById ('img1');img1.setAttribution ('src', '/iMGS/2-arrows.const img1 = document. getElementById('img1'); img1. setAttribute('src', '/imgs/2-arrows.