Properti childNodes

Properti childNodes menyimpan pseudo-array dari node anak elemen (tag, komentar dan node teks).

Sintaks

elemen.childNodes;

Mendapatkan semua node anak dari elemen dan menampilkan isinya:

<div id="parent">teks<p>paragraf</p></div>

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

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

Tampilkan isi dari node pertama:

<div id="parent">teks<p>paragraf</p></div>

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

Hasil eksekusi kode:

'teks'

Tampilkan isi dari node nomor 2:

<div id="parent">teks<p>paragraf</p></div>

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

Hasil eksekusi kode:

'komentar'