Das DOM – das Mysterium der JavaScript-Welt - JavaScript: Die Universelle Sprache zur Web-Programmierung - page 190

Das DOM-Konzept beinhaltet mittlerweile verschiedene Teilaspekte. Es veranlasst beispiels-
weise einen Browser, eine Webseite zwar wie eine gewöhnliche Textdatei zu parsen, ent-
sprechende (X)HTML-Anweisungen auszuführen und die Seite darzustellen. Darüber hinaus
wird der Browser jedoch beim Laden der Webseite alle ihm im Rahmen des Konzepts
bekannten und einzeln identiizierbaren Elemente einer Webseite bezüglich ihres Typs,
ihrer relevanten Eigenschaten/Methoden und ihrer Position innerhalb der Webseite indi-
zieren . Wenn man es anders ausdrücken möchte - aus den Elementen der Webseite werden
Objekte gebildet, Referenzen darauf gespeichert und zugänglich gemacht. Und das DOM-
Konzept ist mittlerweile auch auf andere baumartige Dokumente wie etwa XML anwendbar.

■ ■ 8.2■Grundsätzliches zum Weg

durch das DOM

Diese Struktur eines Dokuments aus Sicht des DOM-Konzepts ist eine Art Baum im Haupt-
speicher des Rechners, der beim Laden eines Dokuments aufgebaut wird. Wird etwa so ein
DOM-Baum aus einer HTML-Seite erzeugt, wird er beim Verlassen der Seite wieder gelöscht.
Ähnliche Elemente werden bei der Indizierung auf gemeinsame dynamische Datenstapel
(sogenannte Stacks ) für das Dokument abgelegt. Wer jetzt an automatisch indizierte Arrays
denkt, ist genau auf dem richtigen Weg. Auf diese Weise hat ein Browser nach dem Laden
der Webseite genaue Kenntnis über alle relevanten Daten sämtlicher eigenständig für ihn
ansprechbarer Elemente (Objekte) in der Webseite. Welche das jedoch sind und was er da-
mit anstellen kann, das hat sich in der Vergangenheit je nach Browser erheblich unterschie-
den. Diese Unterschiede nehmen zwar ab, aber so ganz sind sie immer noch nicht ver-
schwunden.

8.2.1■Knoten und Verwandtschatsbeziehungen

Aber lassen Sie uns noch eine andere Sicht auf dem Baum einer Webseite diskutieren.
Gerade wenn Sie bereits XML kennen, wird Ihnen der Begrif der Knoten ( nodes ) vertraut
sein. Diese bezeichnen in Hinsicht auf einen Baum die enthaltenen Elemente, aber auch
andere Bestandteile eines Dokuments wie Attribute, Kommentare oder Textinhalte. Knoten-
strukturen in einem Baum erlauben es, auch Arten von Beziehungen zu anderen Knoten
zu deinieren.
Jeder Baum entspringt zuerst einmal einem Wurzelknoten ( root ). Im Fall einer Webseite
ist das das Element html . Auch ein Teilbaum hat für seine spezielle Teilstruktur jeweils
einen entsprechenden Wurzelknoten, etwa bei einer Tabelle das table -Element oder bei
einer Aufzählungsliste das Element ul . Untergeordnete Knoten werden als Kinder ( child-
ren ) oder - in tieferen Ebenen - als Nachfolger bezeichnet. Knoten auf derselben Ebene
sind Geschwister ( siblings ) und übergeordnete Elementknoten Eltern ( parent ) bzw. Vor-
fahren , wenn es um mehrere Ebenen geht. Ausgehend vom Wurzelknoten ist der Weg zu
jedem anderen Knoten im Baum über diese Verwandtschatsbeziehungen beschreibbar.