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:

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

A nyní pojďme projít uzly elementu cyklem:

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

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