English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript Grundtutorials

JavaScript Objekte

JavaScript Funktionen

JS HTML DOM

JS Browser BOM

AJAX Grundtutorials

JavaScript Referenzhandbuch

JS HTML DOM (Dokumentobjektmodell)

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.

HTML DOM (Dokumentobjektmodell)

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.

DOM und JavaScript

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

Was werden Sie lernen

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