HTML DOM é um padrão para obter, modificar, adicionar ou excluir elementos HTML. No HTML DOM, tudo é um nó. DOM é HTML, que é considerado uma árvore de nós.
De acordo com o padrão HTML DOM do W3C, todo o conteúdo do documento HTML são nós:
O documento inteiro é um nó de documento
Cada elemento html é o nó de elemento
O texto no elemento HTML é o nó de texto
Cada atributo html é o nó de atributo
Nota é o nó de anotação
HTML DOM considera documentos HTML como estrutura de árvores. Esta estrutura é chamada de Node Tree:
Instância da árvore html dom
http://www.w3school.com.cn/i/ct_htmltree.gif
Através do HTML DOM, todos os nós na árvore podem ser acessados através do JavaScript. Todos os elementos HTML (nós) podem ser modificados ou criados ou excluídos.
Todos os elementos HTML são definidos como objetos, enquanto as interfaces de programação são métodos de objeto e atributos de objeto.
Um: obtendo o método do nó do elemento:
1.Var node = document.getElementById ("nodeid");
2.Var nodelist = document.getElementsByClassName ("NodeClassName");
3.Var NodeList = document.getElementsByTagName ("nodeTagName");
Dois: Depois de obter o nó do elemento, podemos fazer a operação dele: 1. Operações para nós mesmos. 2. Operação para sub -nodos. 3. Operação para nós do irmão. 4. Operação para nós dos pais
2.1.
2.2.
Lista de sub -node: var childList = node.childnodes;
Obtenha o elemento do nó Tipo: var nodeType = node.nodetype;
Exclua o nó da criança. Node.RemoveChild (ChildNode);
Insira um sub -nó na cauda do nó da criança: Node.appendChild (ChildNode);
Não insira um sub -nó no sub -node: node.insertBeface (ChildNode);
Use um nó para substituir os nós B: node.Replacechild (a, b);
2.3.Node.Nextsibling
Node.previousibling Get the Adjacent Brothers Node
2.4.