Ver Mensaje Individual
  #3 (permalink)  
Antiguo 27/03/2010, 01:28
Avatar de caricatos
caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 1 mes
Puntos: 1284
Respuesta: Como funciona appendChild

Hola:

Son métodos de los nodos de una página que son etiquetas (evidentemente algunos no pueden usarse si esos nodos no pueden tener nodos hijos (br, hr, input, img...)

por ejemplo referenciando un nodo por su id:

nodo = document.getElementById("nodo_ejemplo");
// podemos crear un nodo que sea de texto:
texto = document.createTextNode("hola");

// e insertarlo al final de la lista de nodos del nodo ejemplo:
nodo.appendChild(texto);

insertBefore es igual, pero aparte del nodo que queremos insertar, debemos especificar delante de que nodo vamos a insertarlo... si queremoe que sea el primer nodo...

nodo.insertBefore(texto, nodo.firstChild);

// claro que si nodo no tuviera hijos, provocaría un error, pero es fácil consultar esa característica...

if (nodo.hasChildNodes())
nodo.insertBefore(texto, nodo.firstChild);
else
nodo.appendChild(texto);

removeChild vendría a ser el inverso de appendChild...
Por ejemplo, para vaciar de contenido una etiqueta, con un sencillo bucle se consigue...

while (nodo.hasChildNodes()) nodo.removeChild(nodo.firstChild);

Para terminar, replaceChild, sería una mezcla de appendChild (o inserBefore) y removeChild... pero te lo dejo para que investigues...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo