Phương thức HTML DOM setAttributeNode ()

Thí dụ

Đặt nút thuộc tính lớp của phần tử <h1>:

var h1 = document.getElementsByTagName("H1")[0];   // Get the first <h1> element in the document
var att = document.createAttribute("class");       // Create a "class" attribute
att.value = "democlass";                           // Set the value of the class attribute
h1.setAttributeNode(att);                          // Add the class attribute to <h1>

Trước khi đặt nút thuộc tính:

Hello World

Sau khi thiết lập nút thuộc tính:

Hello World

Thêm các ví dụ "Hãy tự mình thử" bên dưới.

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

Phương thức setAttributeNode () thêm nút thuộc tính đã chỉ định vào một phần tử.

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

Giá trị trả về của phương thức này là một đối tượng Attr. Để biết thêm thông tin, hãy xem Đối tượng thuộc tính DOM HTML .

Xem thêm phương thức setAttribute () .

Mẹo: Sử dụng phương thức removeAttributeNode () để xóa một nút thuộc tính khỏi một phần tử.

Hỗ trợ trình duyệt

Method
setAttributeNode()	Yes	Yes	Yes	Yes	Yes

Cú pháp

element.setAttributeNode(attributenode)

Giá trị tham số

Parameter	Type	Description
attributenode	Attr object	Required. The attribute node you want to add

Chi tiết kỹ thuật

Giá trị trả lại:	Một đối tượng Attr, đại diện cho nút thuộc tính được thay thế, nếu có, nếu không thì null
Phiên bản DOM	Đối tượng phần tử cấp 1 cốt lõi

Các ví dụ khác

Thí dụ

Đặt nút thuộc tính href của phần tử <a>:

var anchor = document.getElementById("myAnchor"); // Get the <a> element with id="myAnchor"
var att = document.createAttribute("href");        // Create a "href" attribute
att.value = "https://www.w3schools.com";            // Set the value of the href attribute
anchor.setAttributeNode(att);                      // Add the href attribute to <a>

Trước khi đặt nút thuộc tính:

Go to w3schools.com

Sau khi thiết lập nút thuộc tính:

Go to w3schools.com