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:

javascriptconsole.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);

Ja nyt käydään läpi elementin solmut silmukalla:

javascriptfor (let node of elem.childNodes) {
  console.log(node);
}

html<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>