DOM (Document Object Model) ist eine Komponente von JavaScript. Es stellt JavaScript Methoden und Schnittstellen zur Verarbeitung von Webseiteninhalten zur Verfügung. Alle von JavaScript auf Webseiten ausgeführten Vorgänge werden über das DOM ausgeführt.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Komplettes JavaScript besteht aus den folgenden drei Teilen:
Kern (ECMAScript): Stellt die Syntax und grundlegende Objekte der Sprache bereit;
Document Object Model (DOM): Stellt Methoden und Schnittstellen für die Verarbeitung von Webinhalten bereit ;
Browser Object Model (BOM): Bietet Methoden und Schnittstellen für die Interaktion mit dem Browser.
Document Object Model (DOM):
DOM (Document Object Model) ist die Anwendungsprogrammierschnittstelle (API) für HTML und XML. DOM plant die gesamte Seite in ein Dokument, das aus Knotenhierarchien besteht. Jeder Teil einer HTML- oder XML-Seite ist eine Ableitung eines Knotens.
DOM stellt Dokumente durch die Erstellung von Bäumen dar und gibt Entwicklern eine beispiellose Kontrolle über den Inhalt und die Struktur von Dokumenten. Knoten können mithilfe der DOM-API (getElementById, childNodes, appendChild, innerHTML) einfach entfernt, hinzugefügt und ersetzt werden.
Die Beziehung zwischen DOM und JavaScript
Wir alle wissen, dass JavaScript eine Programmiersprache ist und .js-Dateien in JavaScript geschriebene Codes sind. Welche Rolle spielt DOM darin?
DOM ist keine Programmiersprache, aber ohne DOM hätte die JavaScript-Sprache keine Webseitenoperationen. Alle Vorgänge, die wir mit JavaScript auf Webseiten ausführen, werden über das DOM ausgeführt.
Das Folgende ist ein Codeteil, um den Unterschied zwischen JavaScript und DOM intuitiver darzustellen. Der im Code rot markierte Teil ist das DOM:
【Empfohlenes Lernen:var Tags = document.getElementsByTagName("a");
for(var i = 0; I , welches Kern-JavaScript ist, welches DOM ist und welche Rolle jedes einzelne davon spielt, ist auf einen Blick ersichtlich. (Der Code wird hier nicht erklärt).
Es gibt also so eine Näherungsgleichung:
Web- oder XML-Seite = DOM +JS (Skriptsprache)
Javascript-Tutorial für Fortgeschrittene
】
Das obige ist der detaillierte Inhalt vonWelche Beziehung besteht zwischen JavaScript und Dom?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!