16.2 Navigation im Baum
Ähnlich wie bei Frame-Hierarchien kann man auch in dem DOM-Baum von Ebene zu Ebene springen. Die entsprechenden Methoden und Eigenschaften heißen hier nur anders, aber ansonsten bleibt alles beim Alten. Die Kindknoten eines Elements im DOM-Baum befinden sich im Array childNodes. Von einem Knoten (bzw. HTML-Element) aus kann man mit den Eigenschaften, die in der folgenden Tabelle aufgeführt sind, auf andere Knoten zugreifen.
Tabelle 16.1 Eigenschaften eines Knotens im DOM-Baum
Eigenschaft
|
Beschreibung
|
firstChild
|
Der erste Kindknoten (erstes Element im childNodes-Array)
|
lastChild
|
Der letzte Kindknoten (letztes Element im childNodes-Array)
|
nextSibling
|
Das nächste Kind des Elternknotens
|
parentNode
|
Der Elternknoten
|
previousSibling
|
Das vorherige Kind des Elternknotens
|
Die Eigenschaften aus der folgenden Tabelle liefern nähere Informationen über einen Knoten zurück:
Tabelle 16.2 Eigenschaften, die nähere Informationen über einen Knoten liefern
Eigenschaft
|
Beschreibung
|
nodeName
|
HTML-Tag des Knotens als Zeichenkette (z. B. "h3")
|
nodeType
|
1 = Tag, 2 = Attribut, 3 = Text
|
In Abbildung 16.3 sehen Sie den DOM-Baum noch einmal, diesmal mit den Beziehungen zwischen den einzelnen Knoten.
Hier klicken, um das Bild zu Vergrößern
Abbildung 16.3 Navigationsmöglichkeiten innerhalb des DOM-Baums
|