Mit dem HTML-DOM kann JavaScript auf alle Elemente eines HTML zugreifen und diese ändern dokumentieren.
Wenn eine Webseite geladen wird, erstellt der Browser ein Dokument OObjektmodell der Seite.
Das HTML DOM-Modell ist als Baum von Objekten aufgebaut:
Mit dem Objektmodell erhält JavaScript die gesamte Leistung, die es zum Erstellen benötigt dynamisches HTML:
JavaScript kann alle HTML-Elemente auf der Seite ändern
JavaScript kann alle HTML-Attribute auf der Seite ändern
JavaScript kann alle CSS-Stile auf der Seite ändern
JavaScript kann vorhandene HTML-Elemente und -Attribute entfernen
JavaScript kann neue HTML-Elemente und -Attribute hinzufügen
JavaScript kann auf alle vorhandenen HTML-Ereignisse auf der Seite reagieren
JavaScript kann neue HTML-Ereignisse auf der Seite erstellen
In den nächsten Kapiteln dieses Tutorials erfahren Sie:
So ändern Sie den Inhalt von HTML-Elementen
So ändern Sie den Stil (CSS) von HTML-Elementen
So reagieren Sie auf HTML-DOM-Ereignisse
So fügen Sie HTML-Elemente hinzu und löschen sie
Das DOM ist ein W3C-Standard (World Wide Web Consortium).
Das DOM definiert einen Standard für den Zugriff auf Dokumente:
"Das W3C Document Object Model (DOM) ist plattform- und sprachneutral Schnittstelle, die es Programmen und Skripten ermöglicht, dynamisch auf die zuzugreifen und sie zu aktualisieren Inhalt, Struktur und Stil eines Dokuments.“
Der W3C-DOM-Standard ist in drei verschiedene Teile unterteilt:
Core DOM - Standardmodell für alle Dokumenttypen
XML DOM - Standardmodell für XML-Dokumente
HTML DOM - Standardmodell für HTML-Dokumente
Das HTML-DOM ist ein Standard-Objekt-Modell und Programmierschnittstelle für HTML. Es definiert:
Die HTML-Elemente als Objekte
Die Eigenschaften aller HTML-Elemente
Die Methoden für den Zugriff auf alle HTML-Elemente
Die Ereignisse für alle HTML-Elemente
Mit anderen Worten: Das HTML-DOM ist ein Standard zum Abrufen, Ändern, Hinzufügen oder Löschen von HTML-Elementen.