O que é um nó?
documento HTML, foi todos os nós.
O documento inteiro, um nó de documento; cada elemento html, é um nó de elemento; html cada atributo é nó de atributo, cada comentário é um nó de comentário; texto html dentro, um nó de texto.
documento DOM HTML será considerada como uma estrutura de árvore, chamada de árvore de nós.
Todos nós nos nós da árvore pode acessar ou modificar por js.
nó nó na árvore tem uma relação hierárquica --- pai (pai), a criança (filho), compatriotas (irmão), o pai tem a criança, irmãos têm o mesmo pai.
a criação de nós
document.creatElement ( 'name tag') para criar um nó --- nomes de rótulos não são maiúsculas de minúsculas.
Outro método é copiar nós existentes, cloneNode (), preencher os suportes de verdadeiro ou falso. Quando false, só executar uma cópia superficial, copiar apenas o rótulo que é o papel de seus elementos filhos não são copiadas.
clonNode (verdadeiro) , os resultados são os seguintes:
clonNode (falso) , os resultados são os seguintes:
Inserir nó
appendChild () 或者 insertBefore ()
appendChild () chamada no elemento pai, o novo elemento é inserido no elemento pai na posição final.
insertBefore () convidar o elemento pai, que recebe dois parâmetros, um parâmetro: o elemento pai a ser adicionado; Referência 2: elementos filho de um elemento pai existe. Os elementos a ser adicionados em frente da qual elemento é colocado.
Note-se que, ao chamar estes dois métodos, se um nó já existentes reinserido, em seguida, o nó para a posição original automaticamente excluído e reinserido em um novo local.
Exemplo: de acordo com o conteúdo do rótulo li, li ordem decrescente.
Código é a seguinte:
Após os resultados da implementação do seguinte:
Arr matriz de todo o li li original, li não foi recentemente adicionado, de modo que quando o appendChild (), apenas o equivalente a uma ordem de rearranjado da li originais.
E criar um novo li etiqueta irá adicionar um elemento na fundação que já existe no.
Nó de exclusão
removeChild () --- excluir um nó da árvore documento. Note-se que este método é no pai nó que deseja excluir um nó chamadas nó a ser removido como um parâmetro do método.
Os resultados são os seguintes:
replaceChild () --- excluir um nó filho, e substituindo-o por um novo nó. Referência 1: novo nó; Referência 2: a necessidade de nós alternativos.
Exemplo: adicionar uma tag ao p div elemento pai
Os resultados são os seguintes:
