Die Eigenschaft childNodes

Die Eigenschaft childNodes enthält eine Pseudo-Array von Kindknoten des Elements (Tags, Kommentare und Textknoten).

Syntax

javascriptelement.childNodes;

Beispiel

Holen wir uns alle Kindknoten des Elements und geben deren Inhalt auf dem Bildschirm aus:

html<div id="parent">text<p>parag</p><!--com--></div>

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

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

Beispiel

Geben wir den Inhalt des ersten Knotens aus:

html<div id="parent">text<p>parag</p><!--com--></div>

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

Ergebnis der Codeausführung:

javascript'text'

Beispiel

Geben wir den Inhalt des Knotens mit der Nummer 2 aus:

html<div id="parent">text<p>parag</p><!--com--></div>

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

Ergebnis der Codeausführung:

javascript'com'

Siehe auch