เมธอด HTML DOM getNamedItem() ใช้สำหรับรับโหนดแอตทริบิวต์ที่มีชื่อที่กำหนดเป็นวัตถุ NamedNodeMap ในการรับโหนดแอททริบิวต์นั้น เราต้องเรียกใช้เมธอดนี้เฉพาะกับคุณสมบัติแอททริบิวต์เท่านั้น เนื่องจากคุณสมบัติแอททริบิวส์จะส่งคืนรายการที่เราสามารถกรองแอตทริบิวต์เฉพาะโดยใช้เมธอด getNamedItem()
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับเมธอด getNamedItem() -
namednodemap.getNamedItem(nodename)
ในที่นี้ nodename เป็นค่าพารามิเตอร์บังคับของประเภท string ซึ่งระบุชื่อของโหนดที่มีอยู่ใน namedNodeMap
ตัวอย่าง
ให้เราดูตัวอย่างสำหรับเมธอด 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> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่ม GET -
ในตัวอย่างข้างต้น −
ขั้นแรกเราได้สร้างช่องป้อนข้อมูลด้วย type=”text” และ name=”USR”
USERNAME: <input type="text" name="USR">
จากนั้นเราได้สร้างปุ่ม GET ที่จะรันเมธอด attrValue() เมื่อผู้ใช้คลิก -
<button onclick="attrValue()">GET</button>
วิธี attrValue() ใช้เมธอด getElementsByTagName() เพื่อรับองค์ประกอบอินพุตและกำหนดให้กับตัวแปร usr จากนั้นเราใช้คุณสมบัติแอตทริบิวต์ที่ส่งคืนคอลเลกชันของแอตทริบิวต์ทั้งหมดเป็นวัตถุ namedNodeMap การเรียกเมธอด getNamedItem() บนคุณสมบัติแอททริบิวต์จะส่งกลับเฉพาะโหนดแอททริบิวต์นั้นเท่านั้น
การใช้คุณสมบัติค่าบนโหนดเฉพาะที่ส่งคืนโดย getNamedItem() เราได้รับค่าแอตทริบิวต์นั้นและกำหนดให้กับตัวแปร val ค่านี้จะแสดงในย่อหน้าที่มี id “Sample” โดยใช้คุณสมบัติ innerHTML
