Struktur des Dokuments
Ich  finde eine gute Beispiel der Struktur des Dokuments aus dem Internet. Es dargestellt wie das Verhältnis verwandter Familien zueinander in einem Familienstammbaum. Es gibt Vorfahren, Nachfahren, Eltern, Kinder und Geschwister. Daher spricht man in diesem Zusammenhang auch häufig von einem »Dokumentstammbaum«.´



Abbildung1 zeigt den Dokumentstammbaum des Kochbar-Grundgerüsts. Die Bedeutung der aus dem alltäglichen Sprachgebrauch bekannten Begriffe lässt sich sehr einfach auf die Abbildung übertragen, soll aber der besseren Verständlichkeit halber im Folgenden kurz erläutert werden.

Kindelement
Ein Element A ist Kind eines Elements B, wenn A direkt von B abstammt. Hier ist head Kind von html, title wiederum Kind von head.
Elternelement
Ein Element A ist das Elternelement eines Elements B, wenn B Kind von A ist. Folglich ist html Elternelement von head und head wiederum Elternelement von title.
Geschwisterelement
Ein Element A ist Geschwisterelement eines Elements B, wenn beide Elemente vom selben Elternelement abstammen. Die Elemente head und body sind Geschwisterelemente. Darüber hinaus unterscheidet man zwischen vorhergehenden und nachfolgenden Geschwisterelementen: head ist vorhergehendes Geschwisterelement von body, body wiederum ist nachfolgendes Geschwisterelement von head.
Vorfahrenelement
Ein Element A ist Vorfahrenelement eines Elements B, wenn sich die Abstammungslinie von A nach unten direkt zu B verfolgen lässt. Für das Element p sind sowohl body als auch html Vorfahrenelemente.
Nachkommenelement
Ein Element A ist Nachkommenelement eines Elements B, wenn B in direkter Linie von A abstammt. Für das Element html sind die Elemente head und title sowie body und p Nachkommenelemente.
Stammelement oder Wurzelelement
Ein Element A ist Stammelement eines Dokuments, wenn es nur Nachkommen-, aber keine Vorfahrenelemente besitzt. Das Stammelement jedes XHTML-Dokuments ist das Element html.
Die Bestandteile eines Dokumentstammbaums werden Knoten genannt. Alle bisher vorgestellten Knoten sind Elementknoten, das heißt, der Knoten entspricht einem bestimmten Element beziehungsweise einem Element und dessen Nachkommen. Es gibt jedoch noch weitere Knoten: Attributknoten, Textknoten und Namensraumknoten.

Abbildung2:


Abbildung 2 ergänzt Abbildung 1 entsprechend. Die XHTML-Namensraumknoten werden hinzugefügt wie auch die Attributknoten, die durch lang und xml:lang gebildet werden. Diese Art von Knoten spielt unter anderem für CSS-Selektoren eine große Rolle, worauf im weiteren Verlauf dieser Einführung noch genauer eingegangen wird.

In der Zukunft
Wieso ist DOM in der Zukunft wichtig?
Wir schauen die Vorteile des DOMs einfach an:Das DOM bietet die einheitliche Schnittstellen in verschiedenen Entwicklungsumgebungen sowie für verschiedene Dokumenttypen.Und hat es ein logisches objekt-orientiertes Konzept, welches XML-Dokumente in eindeutiger Form strukturiert. ein noch so gutes Konzept könnte sich ohne ausreichende Unterstützung nicht durchsetzen.Und zwar ,DOM-Implementationen für Java sind verfügbar.Die Sprachbindung für ECMA-Script (JavaScript/JScript Standardisierung der European Computer Manufacturer's Association) ist im Anhang der DOM-Spezifikation enthalten. Darüberhinaus,implementationen für C++ und Perl sind in der Entwicklung.Anderes als DOM kann alle Funktionen wie ich schon gesagt  nicht anbieten.Und zusammengefasst,DOM nimmt  besonderes eine zentrale Bedeutung bei der JavaScript-Programmierung .Heutzutage ist es so,und bei der Zukunft is es auch so.