WikiDer > Dokumentobjektmodell

Document Object Model

Es Dokumentobjektmodell (abgekürzt DOM) ist a objektorientierten Herangehensweise an strukturierte Dokumente wie HTML-, XHTML- und XML-Unterlagen.

Vorwort

Bei der Entwicklung von HTML entstand schon früh die Notwendigkeit, Dokumente interaktiv zu gestalten. Die Version 4 Internetbrowser von Netzlandschaft und Microsoft wurden unter dem Begriff Dynamisches HTML. Dies deutete darauf hin, dass die gewünschte Interaktivität möglich geworden war.

Eine wesentliche Voraussetzung für die Interaktivität von (X)HTML-Dokumenten ist, dass auf die Teile (und die Eigenschaften jedes Teils) des Dokuments separat zugegriffen werden kann. Nur so können die Eigenschaften dieses Teils geändert werden.

EIN Bildschirmfoto des Aufbaus eines Dokuments nach dem DOM-Inspektor von Feuerfuchs.

Anfangs hatten die Browser jeweils ihre eigene Herangehensweise an die Teile von Dokumenten. Es World Wide Web Konsortium (W3C) erarbeitete daraufhin einen Standard namens Dokumentobjektmodell. Dies basierte auf Dynamisches HTML und andere bereits existierende Standards wie standard HyTime und SGML-Haine. Da das Document Object Model auf Dynamic HTML basierte, war es abwärtskompatibel.

Mit der Entwicklung der Dokumentobjektmodell HTML-Dokumente von Text mit Zeichen (von Entwicklern bekannt alsknown HTML-Suppe bezeichnet) in ein strukturiertes System von separaten Objekte. Jedes Objekt im Dokument kann programmiert werden (wie z Javascript) kann zugegriffen werden und die Eigenschaften können geändert werden. Eine wichtige Eigenschaft ist die Stil des Objekts. Dieser Stil kann auch mit bestimmt werden Cascading Style Sheets.

"Text" ist laut DOM auch eine Eigenschaft eines Elements. Dies ist mit der HTML-Suppe. Obwohl der Inhalt eines Dokuments normalerweise die Daseinsberechtigung eines Dokuments ist, ist dieser Inhalt der Struktur des Dokuments untergeordnet.

Laut der Dokumentobjektmodell besteht ein dokument aus a Wurzel Knoten, der eingebettete (verschachtelte) Elemente enthalten kann. In HTML- und XHTML-Dateien ist der Wurzelknoten html. Das rechte Bild zeigt eine schematische Darstellung eines (X)HTML-Dokuments, wie es vom Dom-Inspektor von Mozilla Firefox wird angezeigt. Die Elemente im Bild beziehen sich auf das verwendete (X)HTMLEtikett.

Wie bei vielen anderen Webstandards, verfügt jeder Webbrowser über eine eigene Implementierung des etablierten Standards.

Suchen von Objekten in einem Dokument

Es gibt mehrere Möglichkeiten, ein Objekt in einem Dokument zu adressieren:

  • Basierend auf dem Wert von Attributen. In HTML ist es beispielsweise möglich, Ich würde (identity)-Attribut muss verwendet werden, da davon ausgegangen wird, dass es im Dokument eindeutig ist.
  • Folgen Sie zum Beispiel dem Dokumentenbaum: das zweite Element des Dokuments.
  • Den Namen des . verwenden Etikett.

Die unterschiedlichen Methoden können sich ergänzen und führen zu Konstruktionen wie die zweite Tabelle des Dokuments und das erste Element der Tabelle mit id="made up_table_name".

Eigenschaften

Jedes Element des Dokuments hat seine eigenen Eigenschaften. Die Definition von Eigenschaften unterscheidet sich in dieser Hinsicht etwas von der Definition, die in objektorientierten Programmiersprachen verwendet wird. Nachfolgend finden Sie einige häufig verwendete Eigenschaften.

Text
Der im Element enthaltene Text.
Stil
Siehe auch CSS und XSL-FO. Wie das Element (und sein Inhalt) präsentiert wird. In HTML kann ein Teil der Präsentation auch außerhalb des Stils definiert werden, indem ältere Attribute verwendet werden. In XHTML kann die Präsentation nur über den Stil gehen.
hierarchische Position im Dokument
Für jedes Element kann abgefragt werden, welches Element darüber liegt, das sogenannte Elternelement (Elternknoten), sowie die darunter liegenden Objekte, die sogenannten Kinderelemente (untergeordnete Knoten)
Sensibilität für Ereignisse
Wie reagiert ein Element auf Ereignisse (Veranstaltungen). Dadurch kann das Dokument per Maus und Tastatur auf Benutzeraktionen reagieren.
Funktionen
Integrierte Funktionen wie das Hinzufügen oder Entfernen von a Kind-Element.

Module und Level

Die Spezifikation des Dokumentobjektmodells ist in eine Zahl unterteilt Module. Einige Module sind erforderlich (wie das Core-Modul), andere sind optional.

Es gibt auch verschiedene Versionen des Document Object Model namens Ebenen. Die aktuelle Version ist Level 3. Einige Level 3-Module haben noch nicht den Status von W3C-Empfehlung.[1]

Siehe auch

Verweise

  1. Aktivitätsanweisung für das Dokumentobjektmodell Model. World Wide Web Konsortium (22. Januar 2008). Abgerufen am 11. Oktober 2010.

Externe Links

Siehe die Kategorie Dokumentobjektmodelle von Wikimedia Commons für Mediendateien zu diesem Thema.