DasDocument Object Model (DOM,engl. fürDokumenten-Objekt-Modell) ist eine Spezifikation einerProgrammierschnittstelle, welcheHTML- oderXML-Dokumente als eineBaumstruktur darstellt, in der jederKnoten einObjekt ist, welches einen Teil des Dokumentes repräsentiert, z. B. einen Absatz, eine Überschrift, ein Video oder etwa eine Tabellenzelle. Die Schnittstelle ist plattform- und programmiersprachenunabhängig und erlaubt damit standardisiert, die Struktur und das Layout eines Dokumentes zu verändern. ImWebbrowser bildet dies einen wichtigen Baustein für dynamische Webseiten.
Das DOM wurde ursprünglich vomWorld Wide Web Consortium spezifiziert, heutzutage ist die autoritative Quelle dieWHATWG. Den Veränderungen in der Standardisierung liegt zugrunde, dass Standards oftmals nachträglich definiert wurden, währendWebbrowser bereits Implementierungen enthielten.
Seit dem Ende der sogenanntenBrowser-Wars hat sich der Ansatz etabliert, die Standardisierung in offiziellen Dokumenten und die Implementierung in verbreiteten Web-Browsern zu parallelisieren, in der Praxis also die endgültige Standardisierung der Implementierung nachzuordnen.
EineImplementierung, die der DOM-Spezifikation genügt, besteht im Sinne derobjektorientierten Programmierung aus einem Satz vonKlassen zusammen mit derenMethoden und Attributen, wobei es eineDualität zwischen Attributen in serialisierten Dokumenten und Eigenschaften im DOM gibt. Dies nennt sich auch "Attribute reflection"[1].
DOM ist ursprünglich unter dem Einfluss von mindestens zwei Entwicklungen entstanden, die seit der Jahrtausendwende die Entwicklung vonWeb-Dokumenten und Webbrowsern prägten. Beiden liegt die Notwendigkeit zugrunde, auf die strukturierten Daten inHTML- undXML-Dokumenten einfach und einheitlich zugreifen zu können.
Mitte der 1990er Jahre, als dasWorld Wide Web an Popularität zunahm, wurde dieSkriptspracheJavaScript erfunden und gängigeWebbrowser enthielten seitdemInterpreter, die solcheScripte ausführen. JavaScript definierte rudimentäre Möglichkeiten zum Zugriff auf das HTML-Dokument und zurEreignisbehandlung. Später erfanden verschiedene Browserhersteller unterschiedliche Modelle fürdynamisches HTML (DHTML), die eine umfassendere Änderung der Struktur und des Aussehens des Dokuments ermöglichten, während das Dokument im Browser angezeigt wird. Diese Unterschiede machten allerdings die Arbeit für Webentwickler, welche dynamisches HTML nutzen wollten, zu einer äußerst mühsamen Angelegenheit, da sie oft praktisch gezwungen waren, für jeden zu unterstützenden Browser eine eigene Version zu schreiben.[2] Die ersten DOM-Standards desW3C sind daher Versuche, die verschiedenenproprietären JavaScript- und DHTML-Techniken, die während der Zeit derBrowserkriege entstanden, zusammenzuführen, zu standardisieren und letztlich abzulösen. Dies ist so weit gelungen, dass DOM heutzutage eine zentrale Bedeutung bei der JavaScript-Programmierung einnimmt.
Gleichzeitig entstand XML als allgemeines Austauschformat zur menschenlesbaren Darstellung von strukturierten Daten, das an den Erfolg von HTML anknüpfte. Zur Verarbeitung von XML-Dokumenten war eine verständliche, leistungsfähige und programmiersprachenübergreifende Schnittstelle nötig. DOM bietet eine solche und definiert darüber hinaus zusätzliche Schnittstellen für einen komfortablen Umgang mit XML-Dokumenten.
Folgender HTML-Code definiert eine Tabelle mit dem Elementtable und verschiedenen Unterelementen:
<table><thead><tr><th>Vorname</th><th>Name</th></tr></thead><tbody><tr><td>Donald</td><td>Duck</td></tr></tbody></table>
So sieht es im Browser aus:
Das DOM repräsentiert dastable-Element und dessen Unterelemente in der folgenden Baumstruktur:
An diesem Beispiel lässt sich der prinzipielle Aufbau des Objektmodells diskutieren: Dokumente werden logisch wie ein Stammbaum dargestellt. Knoten (nodes) stehen über „Verwandtschaftsbeziehungen“ zueinander in Verbindung.
Die vorliegende Struktur wird im Objektmodell durch die folgenden Beziehungen charakterisiert:
table hat als Kinder (children) die Elementknotenthead undtbody.table-Elementknoten ist umgekehrt ein Elternteil (parent) vonthead undtbody.th-Elementknoten) werden Geschwister (siblings) genannt.Ausgehend von einem beliebigen Knoten ist jeder andere Knoten über diese Verwandtschaftsbeziehungen erreichbar.
Die wichtigsten Knotentypen in DOM sind:
Attributknoten sind eine besondere Knotenart, denn sie kommen nicht als Knoten in der Baumstruktur vor, die vor allem durch Elementknoten gebildet wird. Attributknoten sind demnach keine „Kinder“ von Elementknoten, sondern Eigenschaften von ihnen.
Im ersten Schritt wird ein bestehendes Dokument durch das Programm eingelesen und ein Dokument-Objekt erzeugt. Anhand dieses Objekts kann mittels der Methoden desAPI auf die Inhalte, Struktur und Darstellung zugegriffen werden.
Insbesondere erlaubt DOM
Am Ende der Verarbeitung kann aus dem Dokument-Objekt durch so genannteSerialisierung ein neues XML- oder HTML-Dokument generiert werden.
DOM ist seit 1998 ein Standard desW3C und wurde seitdem mehrfach aktualisiert und erweitert. Es existieren mehrere Versionen (Levels) jeweils mit verschiedenen Modulen:
Dieses Level wurde nie formal spezifiziert.Level 0 bezeichnet die mittelsJavaScript nutzbaren Techniken zum Zugriff auf HTML-Dokumente. Diese wurden vonWebbrowsern wieInternet Explorer undNetscape Navigator vor der Standardisierung von DOM eingeführt.
Veröffentlicht Ende 1998.
Veröffentlicht Ende 2000.
Veröffentlicht April 2004.
| Empfehlungen | ActivityPub |ARIA |Canonical XML |CDF |CSS |DOM |Geolocation API |HTML |HTML5 |InkML |ITS |JSON-LD |MathML |OWL |P3P |PLS |PNG |RDF |RDF-Schema |RIF |SCXML |SISR |SKOS |SMIL |SOAP |SRGS |SSML |SVG |SPARQL |Timed Text |Turtle |VoiceXML |WSDL |XForms |XHTML |XHTML+RDFa |XInclude |XLink |XML |XML Base |XML-Encryption |XML Events |XML Information Set |XML Namespace |XML Schema |XML Signature |XPath |XPointer |XProc |XQuery |XSL |XSL-FO |XSLT(Elemente) | |
| Arbeitsentwürfe und Kandidaten | CCXML |CURIE |SMIL Timesheets |sXBL |WICD |XFrames |XBL | XHTML+MathML+SVG |XMLHttpRequest | |
| Anmerkungen | XAdES |XFDL |XHTML+SMIL |XUP | |
| Richtlinien | Web Content Accessibility Guidelines |Multimodal Interaction Activity |Markup Validation Service | |
| Initiativen |
