Mazgų iteravimas ciklu JavaScript

Kaip jau turėtumėte žinoti, savybėje children yra visi DOM elementai, kurie yra tiesioginiai šio elemento palikuoniai. Egzistuoja analogiška savybė childNodes, kurioje yra visi elemento palikuoniai-mazgai.

Pavyzdžiui, naudodami šią savybę išveskime įvairius mazgus iš mūsų elemento:

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

O dabar iteruokime elemento mazgus ciklu:

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

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