คุณสมบัติ childNodes

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

ไวยากรณ์

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

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

<div id="parent">ข้อความ<p>ย่อหน้า</p></div>

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

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

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

<div id="parent">ข้อความ<p>ย่อหน้า</p></div>

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

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

'ข้อความ'

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

<div id="parent">ข้อความ<p>ย่อหน้า</p></div>

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

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

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