DOMBäume

DOM-Bäume (Baumstrukturen des Document Object Model) beschreiben die baumartige Repräsentation eines Dokuments gemäß dem DOM. In Webbrowsern dienen sie als zentrale Schnittstelle zwischen dem Dokument (HTML oder XML) und Skripten wie JavaScript. Der DOM repräsentiert das Dokument als hierarchischen Baum aus Knoten (Nodes), wobei jeder Knoten eine Informationseinheit des Dokuments trägt.

Zu den Knotentypen gehören Elementknoten (z. B. div- oder p-Elemente), Textknoten, Attributknoten, Kommentar- und Verarbeitungsanweisungsknoten. Elementknoten bilden die Struktur; Textknoten enthalten die Inhalte; Attributknoten beschreiben Eigenschaften von Elementen. Der Baum spiegelt die Struktur des Dokuments wider und ist in der Regel live: Änderungen durch Skripte wirken sich direkt auf den Baum und damit auf das angezeigte Dokument aus.

HTML- und XML-DOM-Modelle unterscheiden sich in Parsing und Regeln, nutzen aber denselben baumartigen Aufbau. Das HTML-DOM wird häufig vom Browser beim Laden erzeugt und kann durch Skripte dynamisch verändert werden, z. B. durch document.createElement, node.appendChild oder das Setzen von element.textContent. Traversal- und Selektionsmethoden wie getElementById, getElementsByTagName und querySelectorAll sowie Eigenschaften wie parentNode, childNodes und firstChild erleichtern den Zugriff auf den Baum.

Anwendungsbereiche umfassen DOM-Manipulation, Event-Verarbeitung und die Verbindung von Struktur, Inhalt und Verhalten sowie die Abstimmung mit CSS. Die Standards stammen vom W3C, darunter DOM Core, DOM HTML und DOM-Level-1 bis -3; ergänzende APIs wie MutationObserver ermöglichen das Beobachten von Änderungen am DOM.