Zusammenfassung des JavaScript-Lernens [9], DOM Ready

1. DOM

DOM (Dokumentobjektmodell). ) ist das Dokumentobjektmodell, das vom Dokument abstrahiert wird. Das Objekt der DOM-Operation stellt das HTML-Dokument als Baumstruktur mit Elementen, Attributen und Text dar, also als Knotenbaum. Über DOM kann JS dynamisches HTML erstellen, wodurch Webseiten dynamische Effekte angezeigt und interaktive Funktionen mit Benutzern realisiert werden können. DOM bietet uns eine Schnittstelle zur dynamischen Steuerung von HTML mithilfe von Programmen (auch API genannt). DOM ist also der Ort, an dem JS HTML-Tools bereitstellt Seien Sie im Mittelpunkt dynamischer Interaktions- und Wirkungsfähigkeiten. Wenn Sie DOM sicher betreiben möchten, müssen Sie warten, bis das gesamte HTML auf der Seite in DOM-Knoten analysiert wurde, bevor Sie es betreiben können. Daher müssen wir DOMReady verstehen. Davor schauen wir uns die DOM-Knoten an.

　(1), gemeinsame Knotentypen

　Gemeinsame KnotentypenEs gibt die folgenden 7 Typen:

节点类型	说明	数值常量
Element(元素节点)	HTML标签元素。	1
Attr(属性节点)	元素节点的属性。	2
Text(文本节点)	元素节点或属性节点中的文本内容。	3
Comment(注释节点)	表示注释的内容。	8
Document(文档节点)	表示整个文档（DOM 树的根节点，即 document ）。	9
DocumentType(文档类型节点)	就是文档类型节点。	10
DocumentFragment(文档片段节点)	表示文档的一部分或者是一段，它不属于文档树。	11

Knoten Typ

Beschreibung

Numerische Konstante

Element (Elementknoten)

HTML-Tag-Element.

1

Attr (Attributknoten)

Attribute von Elementknoten.

2

Text (Textknoten)

Textinhalt in Elementknoten oder Attributknoten.

3

Kommentar (Kommentarknoten)

repräsentiert den Inhalt des Kommentars.

8

Dokument (Dokumentknoten)

repräsentiert das gesamte Dokument (den Wurzelknoten des DOM-Baums, also das Dokument).

9

DocumentType (Dokumenttypknoten) td>

ist der Dokumenttypknoten.

10

DocumentFragment (Dokumentfragmentknoten) td>

stellt einen Teil oder einen Absatz des Dokuments dar, der nicht zum Dokumentenbaum gehört.

11

　(2), Knotentypbeschreibung

　Elementknoten ,Es handelt sich um ein HTML-Tag-Element wie

,

,

usw.

　Attributknoten , ist das Attribut des Elementknotens, z. B. ID, Klasse, Name usw. Attributknoten können nicht als Elementknoten betrachtet werden, daher werden Attribute nicht als Teil des Dokumentbaums im DOM betrachtet. Mit anderen Worten: Der Attributknoten ist Teil des Elementknotens, der ihn enthält, und kein separater Knoten im Dokument . erscheinen im Baum.

　Textknoten , ist ein Knoten, der nur Textinhalt enthält. Es kann mehr Informationen oder nur Leerraum enthalten. Der Textinhalt von Elementen und Attributen im Dokumentbaum wird durch Textknoten dargestellt.

　Kommentarknoten , ist ein Kommentar im Dokument und seine Form ist