JavaScript-HTML-DOM


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen


Mit dem HTML-DOM kann JavaScript auf alle Elemente eines HTML zugreifen und diese ändern dokumentieren.


Das HTML DOM (Document Object Model)

Wenn eine Webseite geladen wird, erstellt der Browser ein Dokument OObjektmodell der Seite.

Das HTML DOM-Modell ist als Baum von Objekten aufgebaut:

Der HTML-DOM-Objektbaum

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


Was du lernen wirst

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



Was ist das DOM?

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

Was ist das HTML-DOM?

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.

Alle Rechte vorbehalten. © BasicIT.org • 2023-2024