Phương pháp setAttributeNode() của HTML DOM Element

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

setAttributeNode() Phương pháp thêm thuộc tính node được chỉ định vào phần tử và trả về đối tượng Attribute.

Nếu thuộc tính được chỉ định này đã tồn tại, phương pháp này sẽ thay thế nó.

Giải pháp thay thế:

Sử dụng Phương pháp setAttribute() Dễ dàng hơn.

Xem thêm:

Tài liệu tham khảo:

Phương pháp getAttributeNode()

Phương pháp removeAttributeNode()

Phương pháp createAttribute()

Phương pháp getAttribute()

Phương pháp setAttribute()

Phương pháp hasAttribute()

Thuộc tính giá trị Attribute

Đối tượng Attribute của HTML DOM

Hướng dẫn:

Thuộc tính HTML

Sự khác biệt giữa setAttribute() và setAttributeNode()

setAttribute() Phương pháp thay thế giá trị thuộc tính.

setAttributeNode() Phương pháp thay thế đối tượng Attribute.

Trước khi thêm thuộc tính vào phần tử, bạn phải tạo đối tượng Attr và thiết lập giá trị Attr.

Kết quả sẽ là giống nhau.

Mô hình

Ví dụ 1

Đặt thuộc tính class 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);

Thử ngay

Trước khi thiết lập:

Hello World

Sau khi thiết lập:

Hello World

Ví dụ 2

Thiết lập điểm thuộc tính href của thẻ <a>:

const attr = document.createAttribute("href");
attr.value = "";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);

Thử ngay

Trước khi thiết lập:

Hãy truy cập codew3c.com

Sau khi thiết lập:

Hãy truy cập codew3c.com

Cú pháp

element.setAttributeNode(newAttr)

参數

参數 Mô tả
newAttr Bắt buộc. Đề cập đến Attr cần thêm hoặc thuộc tính cần sửa đổi.

Giá trị trả về

Loại Mô tả
Đối tượng

Chỉ ra đối tượng Attr của phần tử thuộc tính được thay thế.

Nếu không có thuộc tính nào được thay thế,则为 null.

Ném

Phương thức này sẽ ném ngoại lệ DOMException chứa mã sau:

Lỗi Mô tả
INUSE_ATTRIBUTE_ERR newAttr Đã là thành viên của bộ thuộc tính của Element khác.
NO_MODIFICATION_ALLOWED_ERR Element hiện tại là chỉ đọc, không cho phép修改 thuộc tính của nó.
WRONG_DOCUMENT_ERR newAttr thuộc tính ownerDocument khác với Element cần thiết lập.

Hỗ trợ trình duyệt

element.setAttributeNode() Là tính năng DOM Level 1 (1998).

Tất cả các trình duyệt đều hỗ trợ hoàn toàn:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ