DOM
Steht für „Document Object Model“.
Das DOM ist eine Programmierschnittstelle für den Zugriff auf und die Änderung von Inhalten in Webseiten und XML-Dokumenten. Es definiert die logische Struktur eines Dokuments und behandelt es wie einen Baum, in dem jeder Verzweigungsknoten einzelne Elemente darstellt. Programme und Skripte können auf das DOM zugreifen, um die Struktur, den Inhalt und das Aussehen des Dokuments zu lesen und zu ändern.
Das DOM organisiert die Struktur von HTML- und XML-Dateien in einer Hierarchie von Objekten, die als „Knoten“ bezeichnet werden. An der Wurzel steht der Dokumentknoten, der das gesamte Dokument darstellt. Darauf folgen die Elementknoten, die einzelne HTML- oder XML-Tags darstellen. Elementknoten sind selbst hierarchisch angeordnet, da sie ineinander verschachtelt sind. Der Knoten <html> befindet sich beispielsweise am nächsten an der Wurzel des Dokuments und enthält sowohl die Knoten <head> als auch <body>. Jeder dieser Knoten enthält wiederum untergeordnete Knoten wie die Elemente <div> und <p>.
Jeder Elementknoten im DOM enthält mehrere Attributknoten, die seine Eigenschaften ändern. Ein Elementknoten <img> könnte beispielsweise Attributknoten für src, alt, width und height enthalten, sodass etwas JavaScript jedes dieser Attribute ändern kann. Textknoten enthalten schließlich den Text innerhalb jedes Elements und bilden den Dokumentinhalt. Textknoten sind die Blätter des Baums und haben keine weiteren Ebenen unter sich.
Wenn du JavaScript (oder andere Skriptsprachen) verwendest, um auf das DOM einer Seite zuzugreifen, kannst du dynamische und interaktive Webseiten erstellen. Beispielsweise können an Knoten angehängte Ereignisbehandlungsroutinen auf Benutzerinteraktionen wie Mausklicks oder Tastatureingaben warten und anschließend den Seiteninhalt als Reaktion darauf ändern. JavaScript-Ereignisse können das DOM verwenden, um vorhandene Knoten zu entfernen und neue hinzuzufügen. Skripte können Daten aus einer Datenbank auf einem Server abrufen und das DOM verwenden, um diese Daten in bestimmte Textelemente einzufügen. Skripte können das DOM außerdem verwenden, um die CSS-Eigenschaften von Elementen zu ändern und das Aussehen und Layout des Dokuments anzupassen.
Testen Sie Ihr Wissen