รายการโหนดเป็นคอลเลกชันของโหนด
รายการ HTML DOM Node
getElementsByTagName()วิธีการส่งกลับรายการโหนดรายการโหนดเป็นคอลเลกชันอาร์เรย์เหมือนของโหนด
รหัสต่อไปนี้เลือกทั้งหมด <p> โหนดในเอกสาร:
ตัวอย่าง
var
x = document.getElementsByTagName("p");
โหนดสามารถเข้าถึงได้จากจำนวนดัชนี ในการเข้าถึงโหนดที่สอง <p> คุณสามารถเขียน:
y = x[1];
ลองตัวเอง» หมายเหตุ: ดัชนีเริ่มต้นที่ 0
HTML DOM Node รายการยาว
คุณสมบัติความยาวกำหนดจำนวนโหนดในรายการโหนด:
ตัวอย่าง
var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
ลองตัวเอง» ตัวอย่างอธิบายว่า:
- รับทั้งหมด <p> องค์ประกอบในรายการโหนด
- แสดงความยาวของรายการโหนด
คุณสมบัติความยาวจะเป็นประโยชน์เมื่อคุณต้องการที่จะห่วงผ่านโหนดในรายการโหนด:
ตัวอย่าง
เปลี่ยนสีพื้นหลังของทุก <p> องค์ประกอบในรายการโหนด:
var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}
ลองตัวเอง» รายการโหนดไม่ได้เป็นอาร์เรย์!
รายการโหนดอาจมีลักษณะเช่นอาร์เรย์ แต่มันไม่ได้ คุณสามารถห่วงผ่านรายการโหนดและอ้างอิงไปยังต่อมน้ำมันเช่นอาร์เรย์ อย่างไรก็ตามคุณไม่สามารถใช้วิธีการอาร์เรย์เช่น valueOf() หรือ join() ในรายการโหนด