DOM spielt eine ganz wichtige Roll im Bereich von Javascript und XML.

Jetzt darf ich euch einem Beispiel der Struktur vom Dokument“Dokumentstammbaum”vorstellen：
Dieser Dokumentstammbaum sieht wie ein Familienstammbaum und die Struktur vom Dokument (hier, ist es ein XHTML- Dokument) wird geschildert wie das Verhältnis der verwandter Familien.
Schauen wir nun das Bild wie folgt an：


Das Bild hat eine klare Konstruktion und übersichtliche Information gezeigt.

 Was sind wichtigste aus dem Bild？Ich habe ganz kurz einfach zusammengefasst：
ROOF has two sons, one is HTML, and the other is BODY
- It is easy to know that: HTML’s son is HEAD, and HEAD’s son is Title.Title’s son is KOCHBAR.
- It is also easy to know that: BODY’s son is P, and P’s son is HELL WELT.
- One important information, which in this picture is not so easy to recognize, is that: HEAD and BODY are brothers, which means they have the same mother HTML.
- Another important Information also about the relationship between HEAD and BODY, which from this picture can not be recognized, is that: HEAD is older than BODY. This means, HEAD comes to this world earlier. He comes at fist, and then BODY follows.
Jetzt ergänzen wir das Bild um Namensraum und Attributknoten.

Was bedeutet Knoten hier？Die Knoten hier sind die Bestandteile von diesem Dokumentstammbaum. Er würde einem bestimmten Element entsprechen.
Kurz zusammengefasst：
Namensraumknoten und Attributknoten, beide wird durch lang und xml:lang abgebildet.

Quelle:

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.