Διάσχιση Κόμβων με Βρόχο σε JavaScript

Όπως πρέπει ήδη να γνωρίζετε, στην ιδιότητα children περιέχονται όλα τα στοιχεία DOM που είναι άμεσα παιδιά αυτού του στοιχείου. Υπάρχει μια ανάλογη ιδιότητα childNodes, που περιέχει όλους τους κόμβους-παιδιά του στοιχείου.

Για παράδειγμα, ας χρησιμοποιήσουμε αυτήν την ιδιότητα για να εμφανίσουμε τους διάφορους κόμβους από το στοιχείο μας:

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

Και τώρα ας διασχίσουμε τους κόμβους του στοιχείου με βρόχο:

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

Δίνεται ένα div:

<div id="elem">κείμενο<b>ετικέτα</b><!--σχόλιο-->κείμενο<b>ετικέτα</b><!--σχόλιο--></div>

Διασχίστε με βρόχο όλους τους κόμβους αυτού του div και εμφανίστε τους στην κονσόλα.