Mit JavaScript können Sie das gesamte HTML -Dokument rekonstruieren. Sie können auf der Seite Elemente hinzufügen, entfernen, ändern oder erneut sind. Um etwas auf der Seite zu ändern, muss JavaScript auf den Eingang zu allen Elementen im HTML -Dokument zugreifen. Dieser Eingang, zusammen mit der Methode und Attributen des HTML -Elements zum Hinzufügen, Verschieben, Ändern oder Entfernen wird vom DOCKEL -Objektmodell (DOM) erhalten. 1998 veröffentlichte W3C die erste DOM -Spezifikation. Diese Spezifikation ermöglicht den Zugriff und den Betrieb jedes einzelnen Elements auf der HTML -Seite. Alle Browser führen diesen Standard aus, sodass die Kompatibilität von DOM fast schwer zu finden ist. DOM kann von JavaScript verwendet werden, um HTML-, XHTML- und XML -Dokumente zu lesen und zu ändern.
DOM ist in verschiedene Teile (Kerne, XML, HTML) und Ebene (DOM -Stufe 1/2/3) unterteilt:Kerndomom
Definieren Sie eine Reihe von Standards für ein strukturiertes Dokumentobjekt
Xml dom
Definieren Sie eine Reihe von Standards für XML -Dokumente
Html dom
Definieren Sie eine Reihe von Standards für HTML -Dokumente.
KnotenGemäß der DOM ist jede Komponente im HTML -Dokument ein Knoten.
DOM wird so bereitgestellt:
Knoten haben eine hierarchische Beziehung zueinander. Alle Knoten im HTML -Dokument bilden einen Dokumentbaum (oder einen Knotenbaum). Jedes Element, Attribut, Text usw. im HTML -Dokument repräsentiert einen Knoten im Baum. Der Baum beginnt am Dokumentknoten und erweitert die Zweige weiter, bis alle Textknoten auf der niedrigsten Ebene des Baumes überall sind.
Das folgende Bild zeigt einen Dokumentbaum (Knotenbaum):
Dokumentbaum (Anzahl der Knoten)Bitte beachten Sie das folgende HTML -Dokument:
Html; "> <html </html>
Alle oben genannten Knoten haben eine Beziehung zueinander. Jeder Knoten mit Ausnahme von Dokumentknoten hat übergeordnete Knoten. Zum Beispiel sind die übergeordneten Knoten von <Head> und <body> <html> Knoten, und die übergeordneten Knoten des Textknotens sind <p> Knoten. Die meisten Elementknoten haben Sub -Nodes. Zum Beispiel hat der <kopf> Knoten einen Sub -Node: <title> Knoten. <titels> Es gibt auch ein Sub -Node: Text -Knoten -Dom -Tutorial. Wenn Knoten denselben übergeordneten Knoten teilen, sind sie dieselbe Generation (der gleiche Knoten). Zum Beispiel sind <h1> und <p> ihre Gleichaltrigen, weil ihre Elternknoten beide <body> Knoten sind. Knoten können auch Nachkommen haben. Beispielsweise sind alle Textknoten Nachkommen von <html> -Knoten, und der erste Textknoten ist der Nachkommen des <kopf> Knotens. Knoten können auch Vorfahren haben. Der Vorfahr ist der übergeordnete Knoten eines Knotens oder der übergeordnete Knoten des übergeordneten Knotens und so weiter. Beispielsweise können alle Textknoten <html> Knoten als Vorgängerknoten verwenden.