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