dom (Dokumentobjektmodell) ist ein integraler Bestandteil von JavaScript, das Methoden und Schnittstellen für JavaScript zur Verarbeitung von Webinhalten bereitstellt; alle von JavaScript auf Webseiten ausgeführten Vorgänge werden über DOM ausgeführt.
Vollständiges JavaScript besteht aus den folgenden drei Teilen:
-
Core (ECMAScript): Stellt die Syntax und grundlegende Objekte der Sprache bereit;
-
Document Object Model (DOM): Bietet Methoden und Schnittstellen zur Verarbeitung von Webinhalten;
-
Browser Object Model (BOM): Stellt Methoden und Schnittstellen für die Interaktion mit dem Browser bereit.
Dokumentobjektmodell (DOM)
DOM (Document Object Model) ist die Anwendungsprogrammierschnittstelle (API) für HTML und XML. Das DOM plant die gesamte Seite als Dokument, das aus einer Knotenhierarchie besteht. Jeder Teil einer HTML- oder XML-Seite ist ein Nachkomme eines Knotens.
Das 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 mit der DOM-API (getElementById, childNodes, appendChild, innerHTML) einfach entfernt, hinzugefügt und ersetzt werden.
Beziehung zwischen DOM und JavaScript
Wir alle wissen, dass JavaScript eine Programmiersprache ist und .js-Dateien in JavaScript geschriebener Code sind. Welche Rolle spielt DOM dabei?
DOM ist keine Programmiersprache, aber ohne DOM hätte die JavaScript-Sprache keine Weboperationen. Alles, was wir mit JavaScript auf einer Webseite tun, geschieht über das DOM.
Der folgende Code zeigt den Unterschied zwischen JavaScript und DOM intuitiver. Der im Code rot markierte Teil ist DOM:
var Tags = document.getElementsByTagName("a");
for (var i = 0; i < Tags.length; i++) { warning("Href of this a element is :" + Tags[i].href + "\n"); }
Auf diese Weise ist auf einen Blick klar, welches das Kern-JavaScript ist, welches das DOM ist und welche Rolle jedes einzelne davon spielt. (Der Code wird hier nicht erklärt).
Daher gibt es eine solche Näherungsgleichung:
Web- oder XML-Seite = DOM +JS (Skriptsprache)
◼️ Zusammenfassung
js ist JavaScript, eine Skriptsprache für Webseiten, die einige dynamische Effekte auf Webseiten realisieren kann.
DOM ist die Abkürzung für Document Object Model, was Document Object Model bedeutet. Es ist ein Modell, das einfach mit Javascript-Code bedient werden kann. Insbesondere ist DOM ein Modell, das jedes HTML-Dokument als eine Baumstruktur behandelt, die aus vielen Objekten besteht. , das Die Wurzel des Baums ist das Dokumentobjekt.
Einfach ausgedrückt ist DOM eine HTML-Dokumentstruktur. Tatsächlich handelt es sich um eine Spezifikation, die so formuliert ist, dass js HTML-Elemente bedienen kann. Die Wurzel von DOM ist das Dokumentobjekt, das über viele Eigenschaften und Methoden verfügt, z. B. das Erstellen von Knoten und das Kopieren Knoten und Entfernen von Knoten. , Ändern von Attributen usw.
◼️ Referenzen
DOM-Tutorial-Kolumne – Vollständige Analyse der DOM-Grundlagen
Einführung in DOM | DOM im Detail
Die Beziehung zwischen JS und DOM?_Die Beziehung zwischen js und dom
JS-DOM-Objekt (JS-Dokumentobjekt) – was ist ein DOM-Objekt?
