DOM

Das DOM (Document Object Model) ist das interne Modell des Browsers für eine Website: Jede Überschrift, jeder Absatz, jedes Bild und jeder Container wird zu einem Knoten in einem Baum, den der Browser aus dem HTML der Seite aufbaut.

Skripte und Stylesheets arbeiten, indem sie diesen Baum lesen und verändern. Wenn JavaScript einen Menüpunkt einfügt oder CSS einen Bereich ausblendet, sprechen beide mit dem DOM – nicht mit der ursprünglichen HTML-Datei auf dem Datenträger. Ein großes oder tief verschachteltes DOM bedeutet bei jeder Aktualisierung mehr Arbeit; deshalb taucht die DOM-Größe häufig in Performance-Analysen auf.

Aus dem DOM erstellt der Browser außerdem den Zugänglichkeitsbaum: eine vereinfachte Darstellung, die von Hilfstechnologien genutzt wird. Wenn dort ein Element fehlt oder falsch benannt ist, kann ein Screenreader es nicht korrekt darstellen – unabhängig davon, wie die Seite aussieht.

Weiterführende Informationen

• DOM-Standard – die WHATWG-Spezifikation
• Einführung in das DOM (MDN) – leicht verständliche Einführung
• Zugänglichkeitsbaum