ตัวอย่าง
หาวิธีหลายแอตทริบิวต์ <button> องค์ประกอบที่มี:
var x = document.getElementById("myBtn").attributes.length;ผลของ x อาจจะ:
2 ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติคุณลักษณะผลตอบแทนที่คอลเลกชันของคุณลักษณะโหนดที่ระบุเป็นวัตถุ NamedNodeMap
โหนดสามารถเข้าถึงได้โดยตัวเลขดัชนีและดัชนีเริ่มต้นที่ 0
เคล็ดลับ: การจัดทำดัชนีตัวเลขเป็นประโยชน์สำหรับการที่จะผ่านทั้งหมดของคุณลักษณะองค์ประกอบ: คุณสามารถใช้ ระยะเวลาใน คุณสมบัติของวัตถุ NamedNodeMap เพื่อตรวจสอบจำนวนของคุณลักษณะแล้วคุณห่วงผ่านทุกคนสามารถแอตทริบิวต์โหนดและสารสกัดจากข้อมูลที่คุณต้องการ
เคล็ดลับ: คุณลักษณะ HTML มีโหนดแอตทริบิวต์กับทุก คุณสมบัติและวิธีการ สำหรับ แอตทริบิวต์วัตถุ
สนับสนุนเบราว์เซอร์
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| attributes | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
หมายเหตุ: ใน Internet Explorer 8 และก่อนหน้านี้คุณลักษณะคุณสมบัติจะกลับคอลเลกชันของคุณลักษณะที่เป็นไปได้ทั้งหมดสำหรับองค์ประกอบ
วากยสัมพันธ์
node .attributes
รายละเอียดทางเทคนิค
| กลับค่า: | วัตถุ NamedNodeMap คิดเป็นคอลเลกชันของคุณลักษณะโหนด |
|---|---|
| DOM รุ่น | ระดับแกนวัตถุ 1 โหนด |
ตัวอย่างอื่น ๆ
ตัวอย่าง
ได้รับชื่อของที่ <button> สององค์ประกอบ (index 1) แอตทริบิวต์:
var x = document.getElementById("myBtn").attributes[1].name;ผลของ x อาจจะ:
onclick ลองตัวเอง» ตัวอย่าง
หาวิธีหลายระบุแหล่งที่มา <img> องค์ประกอบที่มี:
var x = document.getElementById("myImg").attributes.length;ผลของ x อาจจะ:
5 ลองตัวเอง» ตัวอย่าง
ห่วงผ่านคุณลักษณะทั้งหมดของ <img> องค์ประกอบและเอาท์พุชื่อของแต่ละแอตทริบิวต์และความคุ้มค่า:
var x = document.getElementById("myImg");
var txt = "";
var i;
for (i =
0; i < x.attributes.length; i++) {
txt = txt +
x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
} ลองตัวเอง»