คุณสมบัติ childNodes

คุณสมบัติ childNodes เก็บ อาเรย์เสมือน ของโหนดลูกขององค์ประกอบ (แท็ก, ความคิดเห็น และโหนดข้อความ)

ไวยากรณ์

javascriptองค์ประกอบ.childNodes;

ตัวอย่าง

รับโหนดลูกทั้งหมดขององค์ประกอบและแสดง เนื้อหาของพวกมันบนหน้าจอ:

html<div id="parent">ข้อความ<p>ย่อหน้า</p><!--ความคิดเห็น--></div>

javascriptlet parent = document.querySelector('#parent');
let nodes = parent.childNodes;

for (let node of nodes) {
  console.log(node.textContent);
}

ตัวอย่าง

แสดงเนื้อหาของโหนดแรก:

html<div id="parent">ข้อความ<p>ย่อหน้า</p><!--ความคิดเห็น--></div>

javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);

ผลลัพธ์ของการรันโค้ด:

javascript'ข้อความ'

ตัวอย่าง

แสดงเนื้อหาของโหนดหมายเลข 2:

html<div id="parent">ข้อความ<p>ย่อหน้า</p><!--ความคิดเห็น--></div>

javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);

ผลลัพธ์ของการรันโค้ด:

javascript'ความคิดเห็น'

ดูเพิ่มเติม