Mezgla iterācija ar ciklu JavaScript

Kā jau vajadzētu zināt, īpašībā children tiek atrasti visi DOM elementi, kas ir tiešie šī elementa pēcteči. Pastāv līdzīgs īpašība childNodes, kas satur visus elementa pēcteču mezglus.

Piemēram, izmantosim šo īpašību, lai izvadītu dažādus mezglus no mūsu elementa:

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

Un tagad iterēsim cauri elementa mezgliem ar 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>