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

Phương thức getNamedItem() trong HTML DOM dùng để lấy nút thuộc tính (attribute node) có tên xác định từ một đối tượng NamedNodeMap. Phương thức này phải được gọi trên thuộc tính attributes của phần tử, vì attributes trả về danh sách các thuộc tính dạng NamedNodeMap.

Cú pháp

namedNodeMap.getNamedItem(nodeName)

• nodeName (bắt buộc, kiểu string): Tên của nút cần lấy trong namedNodeMap.

Ví dụ

Ví dụ lấy giá trị thuộc tính type của trường input:

<!DOCTYPE html>
<html>
<body>
<h1>Ví dụ getNamedItem()</h1>
TÊN ĐĂNG NHẬP: <input type="text" name="USR">
<br><br>
<button onclick="attrValue()">LẤY</button>
<p id="Sample"></p>
<script>
  function attrValue() {
    var input = document.getElementsByTagName("input")[0];
    var val = input.attributes.getNamedItem("type").value;
    document.getElementById("Sample").innerHTML = "Giá trị thuộc tính type của trường input là: " + val;
  }
</script>
</body>
</html>

Kết quả

Ban đầu hiển thị trường input và nút "LẤY".

Sau khi nhấn nút, hiển thị: "Giá trị thuộc tính type của trường input là: text".

Giải thích

• Trường input có type="text" và name="USR".
• Nút "LẤY" gọi hàm attrValue().
• Hàm lấy phần tử input đầu tiên qua getElementsByTagName("input")[0].
• Truy xuất attributes (NamedNodeMap), gọi getNamedItem("type") để lấy nút thuộc tính type.
• Lấy giá trị qua thuộc tính .value của nút thuộc tính, hiển thị kết quả.