Die Eigenschaft childNodes
Die Eigenschaft childNodes enthält eine
Pseudo-Array
von Kindknoten des Elements (Tags, Kommentare
und Textknoten).
Syntax
element.childNodes;
Beispiel
Holen wir uns alle Kindknoten des Elements und geben deren Inhalt auf dem Bildschirm aus:
<div id="parent">text<p>parag</p><!--com--></div>
let 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:
<div id="parent">text<p>parag</p><!--com--></div>
let parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);
Ergebnis der Codeausführung:
'text'
Beispiel
Geben wir den Inhalt des Knotens mit der Nummer 2 aus:
<div id="parent">text<p>parag</p><!--com--></div>
let parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);
Ergebnis der Codeausführung:
'com'
Siehe auch
-
die Eigenschaft
children,
die Kindelemente enthält -
die Eigenschaft
firstChild,
die den ersten Knoten enthält -
die Eigenschaft
lastChild,
die den letzten Knoten enthält
