agregar definición de niño
appendChild(newChild: Nodo): Nodo
Agrega un nodo a la matriz childNodes para el nodo.
Compatible: IE 5.0+, Mozilla 1.0+, Netscape 6.0+, Safari 1.0+, Opera 7.0+
Agregar un nodo a la matriz de nodos secundarios del nodo especificado parece un poco confuso de leer. En pocas palabras, significa agregar elementos al nodo especificado.
anexarUso infantil
target.appendChild(nuevoNiño)
newChild se inserta como nodo hijo del objetivo después del último nodo hijo
ejemplo de agregar niño
var newElement = document.Document.createElement('etiqueta');
newElement.Element.setAttribute('valor', 'Nombre de usuario:');
var nombre de usuarioText = document.Document.getElementById('nombre de usuario');
nombre de usuarioText.appendChild(newElement);
insertar antes de la definición
El método insertBefore() inserta un nuevo nodo secundario antes de un nodo secundario existente.
La función del método insertBefore() es insertar un nuevo nodo secundario antes del nodo secundario existente.
insertarAntes de usar
target.insertBefore(niñonuevo,niñoexistente)
newChild se inserta como un nodo hijo del objetivo antes del nodo Child existente.
existingChild es un parámetro opcional. Cuando es nulo, su efecto es el mismo que appendChild.
insertar antes del ejemplo
var oTest = document.getElementById("prueba");
var nuevoNodo = document.createElement("p");
newNode.innerHTML = "Esto es una prueba";
oTest.insertBefore(newNode,oTest.childNodes[0]);
Bien, entonces si hay insertBefore, también debería haber insertAfter, ¿verdad?
Bien, escribamos un ejemplo usando Aptana, pero el mensaje inteligente de Aptana me dice que no existe un método insertAfter.
Entonces define un Luo tú mismo :)
insertarDespués de la definición
función insertarDespués(newEl, targetEl)
{
var parentEl = targetEl.parentNode;
if(padreEl.últimoHijo == targetEl)
{
parentEl.appendChild(newEl);
}demás
{
parentEl.insertBefore(newEl,targetEl.nextSibling);
}
}
insertarDespués del uso y ejemplos
var txtName = document.getElementById("txtName");
var htmlSpan = document.createElement("intervalo");
htmlSpan.innerHTML = "Esto es una prueba";
insertAfter(htmlSpan,txtName);
Inserte htmlSpan como nodo hermano de txtName después del nodo txtName
Resumir:
1. appendChild e insertBefore se utilizan como métodos para nodos, mientras que insertAfter es solo una función personalizada.
2. En comparación con appendChild, insertBefore es más flexible y puede insertar nuevos nodos en cualquier posición en la matriz de nodos secundarios del nodo objetivo.
3. Utilice appendChild e insertBefore para insertar un nuevo nodo. La premisa es que sus nodos hermanos deben tener un nodo principal común.