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

Phương thức getAttributeNode() trả về nút thuộc tính (attribute node) của phần tử dưới dạng đối tượng Attr. Bạn có thể dùng các thuộc tính/phương thức của đối tượng Attr để thao tác với thuộc tính.

Cú pháp

element.getAttributeNode(attributeName)

• attributeName (bắt buộc, string): Tên thuộc tính cần lấy.

Ví dụ

Ví dụ lấy nút thuộc tính href của liên kết:

<!DOCTYPE html>
<html>
<head>
<script>
  function getAttrNode() {
    var attrNode = document.getElementsByTagName("a")[0].getAttributeNode("href");
    var val = attrNode.value;
    document.getElementById("Sample").innerHTML = val;
  }
</script>
</head>
<body>
<h1>Ví dụ getAttributeNode()</h1>
<a href="https://www.google.com">GOOGLE</a>
<p>Nhấn nút để lấy giá trị thuộc tính href của liên kết trên</p>
<button onclick="getAttrNode()">LẤY</button>
<p id="Sample"></p>
</body>
</html>

Kết quả

Sau khi nhấn nút "LẤY", hiển thị: "https://www.google.com".

Giải thích

• Liên kết <a> có href="https://www.google.com".
• Nút "LẤY" gọi hàm getAttrNode().
• Hàm lấy phần tử <a> đầu tiên qua getElementsByTagName("a")[0].
• Gọi getAttributeNode("href") trả về đối tượng Attr, gán vào attrNode.
• Lấy giá trị qua attrNode.value, hiển thị.