Heim  >  Artikel  >  Web-Frontend  >  Was bedeutet dom in JavaScript?

Was bedeutet dom in JavaScript?

青灯夜游
青灯夜游Original
2021-11-03 13:52:464018Durchsuche

In JavaScript bezieht sich DOM auf das „Document Object Model“, das die Programmierschnittstelle für HTML- und XML-Dokumente ist. Es definiert eine Standardmethode für den Zugriff auf und die Verarbeitung von HTML-Dokumenten und definiert eine Möglichkeit, über einen Programmzugriff auf die Struktur zuzugreifen um die Struktur, den Stil und den Inhalt des Dokuments zu ändern.

Was bedeutet dom in JavaScript?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

1 DOM-Konzept

Document Object Model (DOM), das eine Standardmethode für den Zugriff auf und die Verarbeitung von HTML-Dokumenten definiert. Jetzt kommen wir hauptsächlich mit HTML DOM in Berührung.

DOM ist eine Programmierschnittstelle für HTML- und XML-Dokumente. Es bietet eine strukturierte Darstellung des Dokuments und definiert eine Möglichkeit, von einem Programm aus auf die Struktur zuzugreifen, um die Struktur, den Stil und den Inhalt des Dokuments zu ändern.

Jede Komponente in einem HTML-Dokument ist ein Knoten. Alle Knoten in einem HTML-Dokument bilden einen Dokumentenbaum (Knotenbaum). Jedes Element, Attribut, jeder Text usw. in einem HTML-Dokument stellt einen Knoten im Baum dar. Der Baum beginnt beim Dokumentknoten und verzweigt von dort zu allen Textknoten auf der untersten Ebene des Baums. Das Erlernen von DOM bedeutet, einige APIs (Methoden) zum Bedienen von Seitenelementen zu erlernen. Die folgende Abbildung stellt einen Dokumentenbaum dar.

2 Zusammensetzung des DOM

DOM besteht aus Knoten. Knoten werden in Beschriftungsknoten, Attributknoten und Textknoten unterteilt.

3 Zweck von DOM

Durch JavaScript können wir das gesamte HTML-Seitendokument rekonstruieren. Elemente auf der Seite können hinzugefügt, entfernt, geändert oder neu angeordnet werden. Um etwas auf der Seite zu ändern (also dynamisch zu ändern), muss JavaScript Zugriff auf alle Elemente im HTML-Dokument erhalten. Dieser Eintrag wird zusammen mit den Methoden und Eigenschaften zum Hinzufügen, Verschieben, Ändern oder Entfernen von HTML-Elementen über das Document Object Model (DOM) abgerufen.

  • 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 löschen und Attribute: JavaScript kann neue HTML-Elemente und -Attribute hinzufügen Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonWas bedeutet dom in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn