Prechádzanie uzlov cyklom v JavaScript
Ako by ste už mali vedieť, vo vlastnosti children
sú obsiahnuté všetky DOM elementy, ktoré sú priamymi
potomkami daného elementu. Existuje analogická
vlastnosť childNodes, ktorá obsahuje
v sebe všetky potomkovské uzly elementu.
Poďme napríklad pomocou tejto vlastnosti vypísať rôzne uzly z nášho elementu:
console.log(elem.childNodes[0]);
console.log(elem.childNodes[1]);
console.log(elem.childNodes[2]);
A teraz poďme prechádzať uzly elementu cyklom:
for (let node of elem.childNodes) {
console.log(node);
}
Daný div:
<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Prechádzajte cyklom všetky uzly tohto divu a vypíšte ich do konzoly.
