Csomópontok bejárása ciklussal a JavaScriptben

Ahogy már tudnod kell, a children tulajdonság tartalmazza az összes olyan DOM elemet, amelyek az adott elem közvetlen gyermekei. Létezik egy hasonló tulajdonság childNodes, amely az elem összes gyermek-csomópontját tartalmazza.

Például járjuk be ezzel a tulajdonsággal az elemünk különböző csomópontjait:

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

És most járjuk be az elem csomópontjait ciklussal:

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

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