Iterarea nodurilor cu bucla în JavaScript

După cum probabil știți deja, în proprietatea children se conțin toate elementele DOM care sunt descendente directe ale elementului dat. Există o proprietate analogă childNodes, care conține toate nodurile-descendente ale elementului.

Să folosim, de exemplu, această proprietate pentru a afișa diverse noduri din elementul nostru:

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

Și acum să iterăm nodurile elementului cu o buclă:

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

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