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:

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

A teraz poďme prechádzať uzly elementu cyklom:

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

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