Phương thức HTML DOM getNamedItem () được sử dụng để lấy nút thuộc tính có tên đã cho dưới dạng đối tượng NamedNodeMap. Để có được nút thuộc tính cụ thể đó, chúng ta chỉ phải gọi phương thức này dựa trên thuộc tính thuộc tính vì thuộc tính thuộc tính trả về một danh sách mà từ đó chúng ta có thể lọc một thuộc tính cụ thể bằng phương thức getNamedItem ().
Cú pháp
Sau đây là cú pháp cho phương thức getNamedItem () -
namednodemap.getNamedItem(nodename)
Ở đây, tên nút là một giá trị tham số bắt buộc của kiểu chuỗi biểu thị tên của nút có trong Bản đồ tênNode.
Ví dụ
Chúng ta hãy xem một ví dụ cho phương thức getNamedItem () -
<!DOCTYPE html>
<html>
<body>
<h1>getNamedItem() example</h1>
USERNAME: <input type="text" name="USR">
<br><br>
<button onclick="attrValue()">GET</button>
<p id="Sample"></p>
<script>
function attrValue() {
var usr = document.getElementsByTagName("input")[0];
var val = usr.attributes.getNamedItem("type").value;
document.getElementById("Sample").innerHTML = "The type attribute value for the input field is: "+val;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút NHẬN -
Trong ví dụ trên -
Đầu tiên, chúng tôi đã tạo một trường đầu vào với type =”text” và name =”USR”.
USERNAME: <input type="text" name="USR">
Sau đó, chúng tôi đã tạo nút GET sẽ thực thi phương thức attrValue () khi được người dùng nhấp vào -
<button onclick="attrValue()">GET</button>
Phương thức attrValue () sử dụng phương thức getElementsByTagName () để lấy phần tử đầu vào và gán nó cho biến usr. Sau đó, chúng tôi sử dụng thuộc tính thuộc tính trả về tập hợp tất cả các thuộc tính dưới dạng đối tượng nameNodeMap. Việc gọi phương thức getNamedItem () dựa trên thuộc tính chỉ trả về nút thuộc tính cụ thể đó.
Sử dụng thuộc tính giá trị trên nút cụ thể được trả về bởi getNamedItem (), chúng tôi lấy giá trị thuộc tính đó và gán nó cho biến val. Giá trị này sau đó được hiển thị trong đoạn văn có id “Sample” bằng cách sử dụng thuộc tính innerHTML của nó.