Tập hợp phần tử DOM HTMLAttributionNode()
Ví dụ
Đặt nút thuộc tính lớp của phần tử <h1> đầu tiên:
const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);
Trước:
Hello World
Sau đó:
Hello World
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Phương thức setAttributeNode()
thêm nút thuộc tính vào một phần tử.
Phương thức setAttributeNode()
thay thế các nút thuộc tính hiện có.
Phương thức setAttributeNode()
trả về một đối tượng Thuộc tính .
Sự khác biệt giữa setAttribution() và setAttributionNode()
Phương thức setAttribute()
thay thế các giá trị thuộc tính.
Phương thức setAttributeNode()
thay thế các đối tượng Thuộc tính.
Bạn phải tạo một đối tượng Attr và đặt giá trị Attr trước khi thêm thuộc tính vào một phần tử.
Kết quả sẽ giống nhau.
Thay thế:
Dễ sử dụng hơn Phương thức setAttribution()
Xem thêm:
Phương thức getAttributionNode()
Phương thức RemoveAttributionNode()
Phương thức createAttribution()
Hướng dẫn:
Thẩm quyền giải quyết:
Cú pháp
element .setAttributeNode( node )
Thông số
Parameter | Description |
node | Required. The attribute node to add. |
Giá trị trả về
Kiểu | Sự miêu tả |
Sự vật | Một đối tượng Attr đại diện cho nút thuộc tính được thay thế. Hoặc null nếu không có thuộc tính nào được thay thế. |
Thêm ví dụ
Đặt nút thuộc tính href của phần tử <a>:
const attr = document.createAttribute("href");
attr.value = "https://www.example.com.vn";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);
Trước:
Go to example.com.vn
Sau đó:
Hãy tự mình thử »Hỗ trợ trình duyệt
element.setAttributeNode()
là tính năng DOM Cấp 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |