Das Document Object Model ist die Baumstruktur, die ein Browser aus einem HTML-Dokument erzeugt, sowie die Schnittstelle, über die Programme darauf zugreifen. Jedes Element, jedes Attribut und jeder Textabschnitt wird darin zu einem Knoten. JavaScript verändert nie die HTML-Datei, sondern immer diesen Baum – deshalb weicht das, was im Entwicklerwerkzeug steht, vom Quelltext ab.

DOM: Baumstruktur und Schnittstelle eines Dokuments

Kurz-Fakten

Der DOM entsteht beim Parsen und wird in einem eigenen Standard der WHATWG beschrieben, nicht in der HTML-Spezifikation
Fehlerhaftes Markup wird beim Aufbau des Baums nach festen Regeln repariert – der Baum kann daher von der Datei abweichen
Der Baum ist nicht auf JavaScript beschränkt: Screenreader und Suchmaschinen arbeiten ebenfalls damit
Ansicht des Quelltextes zeigt die Datei, das Element-Werkzeug im Browser zeigt den aktuellen Baum
Änderungen am Baum sind flüchtig: ein Neuladen stellt den Ausgangszustand her

Einordnung für die Praxis

Der Unterschied zwischen Datei und Baum erklärt eine ganze Klasse von Missverständnissen. Wer im Entwicklerwerkzeug ein <tbody> sieht, das im Quelltext nicht steht, hat keinen Fehler gefunden: Der Parser ergänzt es, weil das Inhaltsmodell einer Tabelle es verlangt.

Für die Suchmaschinenoptimierung folgt daraus, was zählt: Google rendert Seiten und wertet den fertigen Baum aus. Nachgeladene Inhalte sind also nicht grundsätzlich unsichtbar – aber sie kosten einen zweiten Durchgang und damit Zeit.

Was ist DOM?

Kurz-Fakten

Einordnung für die Praxis

Verwandte Begriffe

Geprüft von