Phương thức getAttributeNode() của HTML DOM Element

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

getAttribute() Phương thức trả về giá trị của thuộc tính được chỉ định, dưới dạng đối tượng Attr.

Giải pháp thay thế:

Sử dụng Phương thức getAttribute() Sẽ dễ dàng hơn.

Xin vui lòng xem thêm:

Phương thức setAttribute()

Phương thức hasAttribute()

Phương thức removeAttribute()

Phương thức setAttributeNode()

Phương thức removeAttributeNode()

Hướng dẫn:

Thuộc tính của HTML

Tài liệu tham khảo:

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

Tri thức: Sự khác biệt giữa getAttribute() và getAttributeNode()

getAttribute() 方法返回属性的值。

getAttributeNode() phương thức trả về Object Attr, bạn phải sử dụng Thuộc tính Attr value Để lấy giá trị này.

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

Mẫu

Mẫu 1

Lấy giá trị node Attr của thuộc tính class của phần tử <h1>:

const element = document.getElementsByTagName("H1")[0];
let text = element.getAttributeNode("class").value;

Thử ngay

Mẫu 2

Lấy giá trị node Attr của thuộc tính target của phần tử <a>:

var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;

Thử ngay

Mẫu 3

Lấy giá trị node Attr của thuộc tính onclick của phần tử <button>:

var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;

Thử ngay

Cú pháp

element.getAttributeNode(name)

Tham số

Tham số Mô tả
name Bắt buộc. Tên thuộc tính.

Trả về giá trị

Loại Mô tả
Object Object Attr của node thuộc tính.
null Nếu thuộc tính không tồn tại.

Mô tả

getAttributeNode() Phương thức sẽ trả về một node Attr, biểu thị giá trị của thuộc tính chỉ định. Lưu ý, node Attr này cũng có thể được lấy từ thuộc tính attributes được kế thừa từ interface Node.

Hỗ trợ trình duyệt

element.getAttributeNode() 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ợ