childNodes Özelliği

childNodes özelliği, bir öğenin alt düğümlerinin sözde dizisini içerir (etiketler, yorumlar ve metin düğümleri).

Sözdizimi

javascriptöğe.childNodes;

Örnek

Bir öğenin tüm alt düğümlerini alalım ve içeriklerini ekrana yazdıralım:

html<div id="parent">metin<p>paragraf</p><!--yorum--></div>

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

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

Örnek

İlk düğümün içeriğini yazdıralım:

html<div id="parent">metin<p>paragraf</p><!--yorum--></div>

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

Kodun çalıştırılmasının sonucu:

javascript'metin'

Örnek

2 numaralı düğümün içeriğini yazdıralım:

html<div id="parent">metin<p>paragraf</p><!--yorum--></div>

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

Kodun çalıştırılmasının sonucu:

javascript'yorum'

Ayrıca Bakınız