Das DOM ( Document Object Model ) ist eine API, die die Elemente von HTML- und XML-Dokumenten als Programmiersprachenobjekte verfügbar macht. Die Struktur des DOM für ein Dokument ähnelt der tatsächlichen Struktur der Auszeichnung des Dokuments. Ein Webentwickler kann das DOM programmgesteuert manipulieren, um eine Webseite zu ändern, bevor oder während sie vom Benutzer angezeigt wird.
Die am häufigsten verwendete Programmiersprache im DOM ist JavaScript, das auf den meisten Websites verwendet wird. Durch die Verwendung von JavaScript können dynamische Änderungen am DOM vorgenommen werden, z. B. das Ausblenden, Verschieben und Animieren bestimmter HTML-Elemente (z. B. Text, Tabellen, Bilder und ganze Unterteilungen).
In der Vergangenheit hatte das DOM grundlegende Unterschiede zwischen den Browsern, ist jedoch heutzutage viel standardisierter geworden, was ein einfacheres Cross-Browser-Scripting für Entwickler ermöglicht.
Ein DOM-Beispiel mit HTML
Betrachten Sie das folgende HTML-Dokument:
BeispielDies ist eine Beispielseite.
Das DOM für dieses Dokument enthält alle Elemente und alle Textknoten in diesen Elementen. Der Code im vorherigen Beispiel erstellt eine Objekthierarchie wie unten gezeigt.
Für jedes Element unter dem Dokument root () gibt es einen Elementknoten, und diese Elementknoten haben Textknoten, die den im Element enthaltenen Text enthalten. Wenn ein Element mit Attributen vorhanden wäre, würde ein Attributknoten für dieses Element erstellt, und jeder Text für das Attribut würde einen Textknoten unter diesem Attributknoten erstellen.
Internetbegriffe, Programmierbegriffe