Hallo zusammen, der Herausgeber ist hier, um die folgenden Fragen für Sie zu beantworten: Gemeinsame Attribute von Dom-Knoten in JS, Dom und BOM in Javascript. Schauen wir uns das jetzt an!
1. Was ist DOM?
DOM ist die Schnittstelle für JavaScript zum Betrieb von Webseiten und der vollständige Name lautet „Document Object Model“. Seine Funktion besteht darin, die Webseite in ein JavaScript-Objekt umzuwandeln, sodass mithilfe von Skripten verschiedene Vorgänge ausgeführt werden können. Python für die Verwendung von Anweisungen .
Der Browser analysiert strukturierte Dokumente (wie HTML und XML) in eine Reihe von Knoten basierend auf dem DOM-Modell und bildet dann aus diesen Knoten eine Baumstruktur (DOM-Baum). Alle Knoten und die endgültige Baumstruktur verfügen über standardisierte externe Schnittstellen.
DOM ist lediglich eine Schnittstellenspezifikation, die in verschiedenen Sprachen implementiert werden kann. Streng genommen ist DOM also kein Teil der JavaScript-Syntax, aber die DOM-Manipulation stellt die häufigste Aufgabe von JavaScript dar. Ohne DOM kann JavaScript keine Webseiten steuern. Andererseits ist JavaScript auch die Sprache, die am häufigsten für die DOM-Manipulation verwendet wird.
2. Knoten
2.1 Was ist ein Knoten?
Die kleinste Komponenteneinheit von DOM heißt Knoten. Die Baumstruktur des Dokuments (DOM-Baum) besteht aus verschiedenen Knotentypen. Jeder Knoten kann als Blatt des Dokumentbaums betrachtet werden.
2.2 Arten von Knoten
Der Browser stellt ein natives Knotenobjekt Node bereit. Die folgenden sieben Knoten erben alle Node und verfügen daher über einige gemeinsame Eigenschaften und Methoden.
Typ | veranschaulichen |
Dokumentieren | Der oberste Knoten des gesamten Dokumentbaums |
Art des Dokuments | DOCTYPE-Anweisung |
Element | Verschiedene Tags in HTML-Dokumenten |
Attribut | Eigenschaften verschiedener Tags in HTML-Dokumenten |
Text | Text zwischen oder innerhalb von Tags |
Kommentar | Kommentar |
Dokumentfragment | Fragment eines HTML-Dokuments |
3. Knotenbaum
3.1 Was ist ein Knotenbaum?
Alle Knoten eines Dokuments können entsprechend ihrer Ebene in einer Baumstruktur abstrahiert werden. Diese Baumstruktur ist der DOM-Baum. Es gibt einen Knoten der obersten Ebene, und die nächste Ebene ist der untergeordnete Knoten des Knotens der obersten Ebene, und dann haben die untergeordneten Knoten ihre eigenen untergeordneten Knoten. Auf diese Weise wird Schicht für Schicht eine Pyramidenstruktur abgeleitet, die so aussieht ein Baum auf dem Kopf.
Der Browser stellt nativ den Dokumentknoten bereit, der das gesamte Dokument darstellt.
3.2 Hierarchische Beziehung zwischen Knoten
Mit Ausnahme des Wurzelknotens haben andere Knoten drei hierarchische Beziehungen.
Beziehung | veranschaulichen |
Beziehung zum übergeordneten Knoten (parentNode) | direkter übergeordneter Knoten |
Untergeordnete Knotenbeziehung (childNodes) | direkt untergeordneter Knoten |
Geschwisterknotenbeziehung (Geschwister) | Knoten mit demselben übergeordneten Knoten |
4. Node.nodeType-Attribut
Das Attribut „nodeType“ gibt einen ganzzahligen Wert zurück, der den Typ des Knotens angibt.
Knoten | Wert | Konstante |
Dokument (Dokumentknoten) | 9 | Node.DOCUMENT_NODE |
Element (Elementknoten) | 1 | Node.ELEMENT_NODE |
Attr (Attributknoten) | 2 | Node.ATTRIBUTE_NODE |
Text (Textknoten) | 3 | Node.TEXT_NODE |
Kommentar (Kommentarknoten) | 8 | Node.COMMENT_NODE |
DocumentType (Dokumenttypknoten) | 10 | Node.DOCUMENT_TYPE_NODE |
DocumentFragment (Dokumentfragmentknoten) | 11 | Node.DOCUMENT_FRAGMENT_NODE |
console.log(document.nodeType); // 9
console.log(Node.DOCUMENT_NODE); // 9
if (document.nodeType === Node.DOCUMENT_NODE) {
console.log("equal");
} // equal