Iteracija čvorova petljom u JavaScript-u

Kao što već morate znati, u svojstvu children se nalaze svi DOM elementi koji su neposredni potomci datog elementa. Postoji analogno svojstvo childNodes, koje sadrži u sebi sve potomke-čvorove elementa.

Hajde, na primer, pomoću ovog svojstva ispisimo različite čvorove iz našeg elementa:

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

A sada hajde da iteriramo čvorove elementa petljom:

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

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