Durchlaufen von Knoten mit einer Schleife in JavaScript
Wie Sie bereits wissen, befinden sich in der Eigenschaft children
alle DOM-Elemente, die unmittelbare
Nachfahren dieses Elements sind. Es gibt eine analoge
Eigenschaft childNodes, die
alle Nachfahren-Knoten des Elements enthält.
Lassen Sie uns zum Beispiel mit dieser Eigenschaft verschiedene Knoten aus unserem Element ausgeben:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
Und nun lassen Sie uns die Knoten des Elements mit einer Schleife durchlaufen:
for (let node of elem.childNodes) {
console.log(node);
}
Gegeben ist ein Div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Durchlaufen Sie alle Knoten dieses Divs mit einer Schleife und geben Sie sie in der Konsole aus.