English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Dokumentobjektmodell, wird normalerweise auchDOM, und ist ein wichtiger Bestandteil der Interaktivität einer Website.
Dokumentobjektmodelldarstellt ein HTML-Dokument, das in einem Fenster angezeigt wird.
Es ist eine Schnittstelle, die es JavaScript ermöglicht, den Inhalt, die Struktur und das Styling der Website zu verarbeiten.
Nach dem Laden der Webseite erstellt der Browser dasDokumentobjektmodell.
HTML DOMBaummodellObjekte.
Das folgende Beispiel erläutert, was ein DOM ist:
<html> <head> <title>Beispiel</title> </head> <h1>Beispielseite</h1> <p>Dies ist eine Beispielseite</p> </html>
Die DOM-Repräsentation des obigen Codes ist wie folgt:
HTML DOM ist der Standard für HTMLObjekteModelle undProgrammierinterface. Es definiert:
HTML-Elemente alsObjekte
aller HTML-ElementeEigenschaften
Zugriff auf alle HTML-ElementeMethoden
aller HTML-ElementeEreignisse
Mit anderen Worten:HTML DOM ist der Standard für das Abrufen, Ändern, Hinzufügen oder Löschen von HTML-Elementen.
Durch das Objektmodell erhielt JavaScript alle Funktionen, die für die Erstellung dynamischer HTML erforderlich sind:
JavaScript kann alle HTML-Elemente auf der Seite ändern
JavaScript kann alle HTML-Attribute auf der Seite ändern
JavaScript kann alle CSS-Styles auf der Seite ändern
JavaScript kann vorhandene HTML-Elemente und Attribute löschen
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 der nächsten Kapitel dieses Tutorials werden Sie lernen:
Wie man HTML-Elemente findet
Wie man den Inhalt eines HTML-Elements ändert
Wie man HTML-Elemente hinzufügt und entfernt
Wie man den Stil (CSS) eines HTML-Elements ändert
Wie man HTML-Attribute hinzufügt und entfernt
Wie man das DOM-Baumstruktur betrachtet