definição de appendChild
anexarChild(newChild: Nó): Nó
Acrescenta um nó à matriz childNodes do nó.
Suportado: IE 5.0+, Mozilla 1.0+, Netscape 6.0+, Safari 1.0+, Opera 7.0+
Adicionar um nó à matriz de nós filhos do nó especificado parece um pouco confuso de ler. Simplificando, significa adicionar elementos ao nó especificado.
uso de appendChild
alvo.appendChild(newChild)
newChild é inserido como um nó filho de destino após o último nó filho
exemplo de appendChild
var newElement = document.Document.createElement('label');
newElement.Element.setAttribute('valor', 'Nome de usuário:');
var nomedeusuárioText = document.Document.getElementById('nomedeusuário');
nomedeusuárioText.appendChild(newElement);
inserir antes da definição
O método insertBefore() insere um novo nó filho antes de um nó filho existente.
O método insertBefore() é usado para inserir um novo nó filho antes do nó filho existente.
inserir antes do uso
target.insertBefore(novoFilho,Criança Existente)
newChild é inserido como um nó filho de destino antes do nó existenteChild.
existenteChild é um parâmetro opcional. Quando é nulo, seu efeito é o mesmo que appendChild.
exemplo insertBefore
var oTest = document.getElementById("teste");
var newNode = document.createElement("p");
newNode.innerHTML = "Isto é um teste";
oTest.insertBefore(newNode,oTest.childNodes[0]);
Ok, então se houver insertBefore, também deverá haver insertAfter, certo?
Ok, vamos escrever um exemplo usando o Aptana, mas o prompt inteligente do Aptana me diz que não existe um método insertAfter.
Então defina um Luo você mesmo :)
inserirDepois da definição
função insertAfter(newEl, targetEl)
{
var parentEl = targetEl.parentNode;
if(parentEl.lastChild == targetEl)
{
parentEl.appendChild(newEl);
}outro
{
parentEl.insertBefore(newEl,targetEl.nextSibling);
}
}
insertAfter uso e exemplos
var txtNome = document.getElementById("txtNome");
var htmlSpan = document.createElement("span");
htmlSpan.innerHTML = "Isto é um teste";
insertAfter(htmlSpan,txtNome);
Insira htmlSpan como um nó irmão de txtName após o nó txtName
Resumir:
1.appendChild e insertBefore são usados como métodos para nós, enquanto insertAfter é apenas uma função personalizada.
2. Comparado com appendChild, insertBefore é mais flexível e pode inserir um novo nó em qualquer posição na matriz de nós filhos do nó de destino.
3. Use appendChild e insertBefore para inserir um novo nó. A premissa é que seus nós irmãos devem ter um nó pai comum.