HTML DOM est une norme pour obtenir, modifier, ajouter ou supprimer des éléments HTML. Dans HTML DOM, tout est un nœud. Dom est HTML, qui est considéré comme un arbre de nœud.
Selon la norme HTML DOM de W3C, tous les contenus du document HTML sont des nœuds:
L'ensemble du document est un nœud de document
Chaque élément HTML est le nœud d'élément
Le texte de l'élément HTML est le nœud de texte
Chaque attribut HTML est le nœud d'attribut
La note est le nœud d'annotation
HTML DOM considère les documents HTML sous forme de structure d'arbre. Cette structure est appelée arbre de nœud:
Instance HTML DOM Tree
http://www.w3school.com.cn/i/ct_htmltree.gif
Grâce à HTML DOM, tous les nœuds de l'arborescence sont accessibles via JavaScript. Tous les éléments HTML (nœuds) peuvent être modifiés ou créés ou supprimés.
Tous les éléments HTML sont définis comme des objets, tandis que les interfaces de programmation sont des méthodes d'objet et des attributs d'objets.
Un: Obtention de la méthode du nœud d'élément:
1.var node = document.getElementById ("nodeID");
2.var nodeList = document.getElementsByClassName ("NODECLASSNAME");
3.Var nodeList = document.getElementsByTagName ("nodeTAGName");
Deux: après avoir obtenu le nœud d'élément, nous pouvons faire le fonctionnement de lui: 1. Opérations pour nous-mêmes. 2. Fonctionnement des sous-codes. 3. Opération pour les nœuds frère. 4. Opération pour les nœuds parents
2.1.
2.2.
Liste de sous-node: var childList = node.childNodes;
Obtenez le type d'élément de nœud: var nodeType = node.NodeType;
Supprimer le nœud enfant. Node.RemoveChild (ChildNode);
Insérez un sous-node à la queue du nœud enfant: Node.ApendChild (ChildNode);
N'insérez pas de sous-node au sous-node: node.insertbeface (childNode);
Utilisez un nœud pour remplacer les nœuds B: Node.ReplaceChild (A, B);
2.3.Node.nextsibling
Node.PreviousIbling Obtenez le nœud des frères adjacents
2.4