Traversing heißt, sich im Baum zu bewegen: zum Elternelement, zu den Kindern, zum nächsten Geschwister.
- Traversing
Das Bewegen von einem Element zu seinen Verwandten im Dokumentbaum.
Beispiel: „Beim Traversing geht man von einem gefundenen Element weiter.“
Die Wege
el.parentElement
el.children
el.closest('.karte')
el.nextElementSiblingclosest() sucht aufwärts nach dem nächsten Vorfahren, der zu einem Selektor passt. In Verbindung mit Event Bubbling ist das die übliche Art, vom geklickten Punkt zur zugehörigen Komponente zu kommen.
Textknoten
Die Eigenschaften mit Element im Namen überspringen Textknoten, die ohne nicht. childNodes liefert deshalb auch die Leerzeichen zwischen den Tags, children nur die Elemente. Wer das verwechselt, bekommt Ergebnisse, die niemand erwartet.