ตัวอย่าง
ได้รับคอลเลกชันที่ <body> องค์ประกอบของโหนดลูก:
var c =
document.body.childNodes;
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
สถานที่ให้บริการ childNodes ผลตอบแทนที่คอลเลกชันของโหนดของโหนดเด็กเป็นวัตถุ NodeList
โหนดในคอลเลกชันจะถูกเรียงลำดับตามที่ปรากฏในรหัสแหล่งที่มาและสามารถเข้าถึงได้โดยตัวเลขดัชนี ดัชนีเริ่มต้นที่ 0
หมายเหตุ: ช่องว่างภายในองค์ประกอบถือว่าเป็นข้อความและข้อความถือเป็นโหนด ความคิดเห็นที่ได้รับการพิจารณาว่าเป็นโหนด
เคล็ดลับ: คุณสามารถใช้ ระยะเวลาใน คุณสมบัติของวัตถุ NodeList เพื่อตรวจสอบจำนวนโหนดเด็กแล้วคุณห่วงสามารถผ่านทุกโหนดลูกและสารสกัดจากข้อมูลที่คุณต้องการ
สถานที่แห่งนี้เป็นอ่านอย่างเดียว
เคล็ดลับ: หากต้องการกลับไปคอลเลกชันของโหนดองค์ประกอบของโหนดที่ (excluding text and comment nodes) ใช้ เด็ก อสังหาริมทรัพย์
เคล็ดลับ: .childNodes องค์ประกอบ [0] จะผลิตผลเช่นเดียวกับ firstChild คุณสมบัติ
สนับสนุนเบราว์เซอร์
คุณสมบัติ | |||||
---|---|---|---|---|---|
childNodes | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
element .childNodes
รายละเอียดทางเทคนิค
กลับค่า: | วัตถุ NodeList คิดเป็นคอลเลกชันของโหนด โหนดในคอลเลกชันกลับจะถูกเรียงลำดับตามที่ปรากฏในรหัสที่มา |
---|---|
DOM รุ่น | หลักระดับ 1 ธาตุวัตถุ |
ตัวอย่างอื่น ๆ
ตัวอย่าง
หาวิธีการที่เด็กหลายโหนด <div> องค์ประกอบมี:
var c =
document.getElementById("myDIV").childNodes.length;
ผลของ C จะได้รับ:
5
ลองตัวเอง» ตัวอย่าง
เปลี่ยนสีพื้นหลังของโหนดลูกคนที่สอง (index 1) ของ <div> องค์ประกอบ:
var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow";
ลองตัวเอง» ตัวอย่าง
ได้รับข้อความของเด็กโหนดที่สาม (index 2) ของ <select> องค์ประกอบ:
var c = document.getElementById("mySelect").childNodes[2].text;
ผลของ C จะได้รับ:
Saab
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: โหนด firstChild ทรัพย์สิน
อ้างอิง HTML DOM: โหนด lastChild ทรัพย์สิน
อ้างอิง HTML DOM: โหนด parentNode ทรัพย์สิน
อ้างอิง HTML DOM: โหนด nextSibling ทรัพย์สิน
อ้างอิง HTML DOM: โหนด previousSibling ทรัพย์สิน
อ้างอิง HTML DOM: โหนด nodeName ทรัพย์สิน