Properti childNodes

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

Sintaks

javascriptelemen.childNodes;

Contoh

Mendapatkan semua node anak dari elemen dan menampilkan isinya:

html<div id="parent">teks<p>paragraf</p><!--komentar--></div>

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

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

Contoh

Tampilkan isi dari node pertama:

html<div id="parent">teks<p>paragraf</p><!--komentar--></div>

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

Hasil eksekusi kode:

javascript'teks'

Contoh

Tampilkan isi dari node nomor 2:

html<div id="parent">teks<p>paragraf</p><!--komentar--></div>

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

Hasil eksekusi kode:

javascript'komentar'

Lihat juga