Procházení uzlů cyklem v JavaScriptu
Jak již pravděpodobně víte, ve vlastnosti children
jsou obsaženy všechny DOM elementy, které jsou přímými
potomky daného elementu. Existuje analogická
vlastnost childNodes, která obsahuje
všechny potomky-uzly elementu.
Pojďme například pomocí této vlastnosti vypsat různé uzly z našeho elementu:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
A nyní pojďme projít uzly elementu cyklem:
for (let node of elem.childNodes) {
console.log(node);
}
Dán div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Projděte cyklem všechny uzly tohoto divu a vypište je do konzole.
