Solmun läpikäynti silmukalla JavaScriptissä
Kuten jo tiedät, ominaisuudessa children
sijaitsevat kaikki DOM-elementit, jotka ovat
kyseisen elementin välittömiä jälkeläisiä. On olemassa vastaava
ominaisuus childNodes, joka sisältää
kaikki elementin jälkeläissolmut.
Esimerkiksi, käytetään tätä ominaisuutta tulostamaan erilaisia solmuja elementistämme:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
Ja nyt käydään läpi elementin solmut silmukalla:
for (let node of elem.childNodes) {
console.log(node);
}
Annettu div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Käy läpi kaikki tämän divin solmut silmukalla ja tulosta ne konsoliin.
