DOM Traversing

Mit DOM Traversing können wir mit verschiedenen Methoden durch den DOM-Baum wandern.

Children

const h1 = document.querySelector('h1');

• Mit querySelectorAll wählen wir alle Children-Elemente von h1 aus, die dem Query entsprechen, auch rekursiv.

• Mit childNodes wählen wir jeden Node der h1 aus, dazu gehören auch Text und Kommentare.

• Mit children wählen wir nur die Elemente aus.

• Mit firstElementChild und lastElementChild wählen wir das erste respektive letzte Child-Element aus.

Parents

• Mit parentElement bekommen wir das direkte Parent-Element.

• Mit der Methode closest können wir nach dem nächsten Parent suchen, das mit dem Query übereinstimmt.

Siblings