แอตทริบิวต์ HTML DOM Element
ตัวอย่าง
<img> องค์ประกอบมีกี่แอตทริบิวต์:
let numb = document.getElementById("myImg").attributes.length;
แสดงแอตทริบิวต์ทั้งหมดขององค์ประกอบ <img>:
const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
ตัวอย่างเพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติattributes
ส่งคืนคอลเลกชันของแอตทริบิวต์ในองค์ประกอบ
คุณสมบัติattributes
ส่งคืน NamedNodeMap
NamedNodeMap
NamedNodeMap คือคอลเล็กชัน (รายการ) ที่เหมือนอาร์เรย์ของอ็อบเจ็กต์ Attr (แอตทริบิวต์)
NamedNodeMap มี คุณสมบัติ ความยาวที่ส่งคืนจำนวนของแอตทริบิวต์ในรายการ
คุณลักษณะสามารถเข้าถึงได้โดยหมายเลขดัชนี ดัชนีเริ่มต้นที่ 0
ดูสิ่งนี้ด้วย:
ไวยากรณ์
node.attributes
คืนมูลค่า
พิมพ์ | คำอธิบาย |
NamedNodeMap | คอลเลกชันของอ็อบเจ็กต์แอตทริบิวต์ |
ตัวอย่างเพิ่มเติม
องค์ประกอบ <button> มีแอตทริบิวต์กี่รายการ:
let numb = document.getElementById("myButton").attributes.length;
รับชื่อของแอตทริบิวต์ที่สอง (ดัชนี 1) ขององค์ประกอบ <button>:
let attr = document.getElementById("myBtn").attributes[1].name;
รองรับเบราว์เซอร์
element.attributes
เป็นคุณลักษณะ DOM ระดับ 1 (1998)
ได้รับการสนับสนุนอย่างเต็มที่ในเบราว์เซอร์ทั้งหมด:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |