HTML DOM es un estándar sobre cómo obtener, modificar, agregar o eliminar elementos HTML. En HTML DOM, todo es un nodo. DOM es HTML, que se considera un árbol de nodo.
Según el estándar HTML DOM de W3C, todos los contenidos en el documento HTML son nodos:
Todo el documento es un nodo de documento
Cada elemento HTML es el nodo de elemento
El texto en el elemento HTML es el nodo de texto
Cada atributo HTML es el nodo de atributo
Nota es el nodo de anotación
HTML DOM considera documentos HTML como estructura de árboles. Esta estructura se llama árbol de nodo:
Instancia de html Dom Tree
http://www.w3school.com.cn/i/ct_htmltree.gif
A través de HTML DOM, se puede acceder a todos los nodos en el árbol a través de JavaScript. Todos los elementos HTML (nodos) se pueden modificar o crear o nodos eliminados.
Todos los elementos HTML se definen como objetos, mientras que las interfaces de programación son métodos de objetos y atributos de objetos.
Uno: Obtener método de nodo de elemento:
1.var node = document.getElementById ("nodeid");
2.var nodelist = document.getElementsByClassName ("nodeclassName");
3.var nodelist = document.getElementsBytagName ("NodetAgName");
Dos: después de obtener el nodo Elemento, podemos hacer la operación de él: 1. Operaciones para nosotros mismos. 2. Operación para subnodos. 3. Operación para nodos hermanos. 4. Operación para nodos parentales
2.1.
2.2.
Lista de nodo infantil: var ChildList = node.childNodes;
Obtenga el tipo de elemento de nodo: var nodetype = node.nodeType;
Eliminar el nodo infantil. node.removechild (ChildNode);
Insertar un sub -nodo en la cola del nodo infantil: node.appendChild (childnode);
No inserte un sub -nodo en el sub -nodo: node.insertbace (childnode);
Use un nodo para reemplazar los nodos B: node.replaceChild (a, b);
2.3.node.nextsibling
Nodo. Previousibling Obtenga el nodo de hermanos adyacentes
2.4.