จาวาสคริปต์ ได้จัดเตรียม getAttributeNode() วิธีการหา โหนดแอตทริบิวต์ ด้วยชื่อที่ระบุขององค์ประกอบ เป็น วัตถุแอตทริบิวต์ . หากแอตทริบิวต์ ไม่มีอยู่ ค่าที่ส่งคืนคือ null หรือ สตริงว่าง ("") .
ไวยากรณ์
element.getAttributeNode(attributename);
ส่งคืน วัตถุแอตทริบิวต์ แสดงถึงโหนดแอตทริบิวต์ที่ระบุ
ตัวอย่าง
ในตัวอย่างต่อไปนี้ มี แท็กส่วนหัวสองแท็ก กับ คลาสต่างๆ . แท็กเหล่านั้นเมื่อเข้าถึงโดย getAttributeNode() สามารถส่งคืนคลาสแอตทริบิวต์ที่พวกเขาแนบมา มันทำงานเหมือนกับอาร์เรย์ เราสามารถเข้าถึงหลายคลาสได้โดยการระบุหมายเลขดัชนีเท่านั้น
<html>
<body>
<h2 class="class1">Tutorix</h2>
<h2 class="class2">Tutorialspoint</h2>
<p id = "attribute"></p>
<script>
var elmnt = document.getElementsByTagName("h2")[1];
var value = elmnt.getAttributeNode("class").value;
document.getElementById("attribute").innerHTML = value;
</script>
</body>
</html> ผลลัพธ์
Tutorix Tutorialspoint class2
