Document Object Model - DOM

Das Document Object Model (DOM) ist eine standardisierte Schnittstelle, die von Webbrowsern bereitgestellt wird, um strukturierte Dokumente – insbesondere HTML- und XML-Dokumente – darzustellen und programmatisch zu manipulieren. Es beschreibt die hierarchische Struktur eines Dokuments als Baum, wobei jeder Knoten ein Element, Attribut oder einen Text darstellt.

Hauptmerkmale des DOM:

Baumstruktur:
- Ein HTML-Dokument wird als hierarchischer Baum dargestellt. Die Wurzel ist das <html>-Element, mit untergeordneten Knoten wie <head>, <body>, <div>, <p> usw.
Objektorientierte Darstellung:
- Jedes Element im Dokument wird als Objekt repräsentiert, das über Methoden und Eigenschaften angesprochen werden kann.
Interaktivität:
- Das DOM erlaubt Entwicklern, Inhalte und Stile einer Webseite zur Laufzeit zu ändern. Beispielsweise können JavaScript-Skripte den Text eines <p>-Elements ändern oder ein <div>-Element einfügen.
Plattform- und Programmiersprachenunabhängig:
- Obwohl es oft mit JavaScript verwendet wird, kann das DOM auch von anderen Sprachen wie Python, Java oder PHP genutzt werden.

Beispiele für DOM-Manipulation:

1. Zugriff auf ein Element:

let element = document.getElementById("meinElement");

2. Ändern des Inhalts:

element.textContent = "Neuer Text";

3. Hinzufügen eines neuen Elements:

let neuerKnoten = document.createElement("div");
document.body.appendChild(neuerKnoten);

Wichtig:

Das DOM wird durch Standards des W3C (World Wide Web Consortium) definiert und ständig weiterentwickelt, um moderne Webtechnologien zu unterstützen.

Erstellt vor 10 Monaten