HTML DOM ist ein Standard, um HTML -Elemente zu erhalten, zu ändern, hinzuzufügen oder zu löschen. In HTML DOM ist alles ein Knoten. DOM ist HTML, das als Knotenbaum angesehen wird.
Gemäß dem HTML -DOM -Standard von W3C sind alle Inhalte im HTML -Dokument Knoten:
Das gesamte Dokument ist ein Dokumentknoten
Jedes HTML -Element ist Elementknoten
Der Text im HTML -Element ist der Textknoten
Jedes HTML -Attribut ist der Attributknoten
Hinweis ist der Annotationsknoten
HTML DOM betrachtet HTML -Dokumente als Baumstruktur. Diese Struktur wird als Knotenbaum bezeichnet:
HTML Dom Tree Instance
http://www.w3school.com.cn/i/ct_htmltree.gif
Durch HTML DOM können auf alle Knoten im Baum über JavaScript zugegriffen werden. Alle HTML -Elemente (Knoten) können geändert oder erstellt oder gelöscht werden.
Alle HTML -Elemente werden als Objekte definiert, während Programmierschnittstellen Objektmethoden und Objektattribute sind.
Eins: Elementknotenmethode erhalten:
1.var node = document.getElementById ("nodeId");
2.Var nodelist = document.getElementsByClassName ("nodeclassName");
3.var nodelist = document.getElementsByTagName ("nodetagname");
Zwei: Nachdem wir den Elementknoten erhalten haben, können wir die Operation von ihm durchführen: 1. Operationen für uns. 2. Operation für Sub -Nodes. 3. Operation für Bruderknoten. 4. Operation für übergeordnete Knoten
2.1.
2.2.
Liste des untergeordneten Knotens: var childlist = node.childnodes;
Nehmen Sie den Knotenelement -Typ: var nodetype = node.nodeType;
Löschen Sie den Kinderknoten. node.removechild (childnode);
Fügen Sie einen Sub -Node am Schwanz des untergeordneten Knotens ein: Knoten.AppendChild (Childnode);
Fügen Sie keinen sub -knode am sub -node ein: node.insertBeface (childnode);
Verwenden Sie einen Knoten, um B -Knoten zu ersetzen: Knoten.replacechild (a, b);
2.3.Node.Nextsibling
Knoten.Previousibling den angrenzenden Brüderknoten bekommen
2.4.