JavaScript มีเมธอด getAttributeNode() หา Attribute Node ที่มีชื่อระบุของ Element เป็น Attribute Object หาก Attribute ไม่มีอยู่ คืนค่า Null หรือ Empty String ("")
Syntax
element.getAttributeNode(attributename);
คืนค่า Attribute Object แทน Attribute Node ที่ระบุ
ตัวอย่าง
ในตัวอย่างนี้ มี Heading Tags 2 ตัว ด้วย Classes ต่างกัน Tags นี้เมื่อเข้าถึงด้วย getAttributeNode() จะคืนค่า Attribute Class ที่ผูกอยู่ ทำงานเหมือน Array เข้าถึง Multiple Classes ได้ด้วย Index Numbers
<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
