Ver Mensaje Individual
  #5 (permalink)  
Antiguo 23/03/2014, 23:18
OsirisRD
 
Fecha de Ingreso: marzo-2014
Mensajes: 1
Antigüedad: 10 años, 8 meses
Puntos: 0
Pregunta Respuesta: Como funciona appendChild

Cita:
Iniciado por caricatos Ver Mensaje
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
Me gusto mucho tu explicacion y esta bien detallado todo en cambio a personas como yo principiante les enceñas por un lado y la vuelves loco por otro porque explicas los metodos requeridos pero hay otros agregados que no se su funcion me gustaria que lo explicaras tambien, ejemplo: hasChildNodes(), irstChild.... Me gustaria saber para que silven estos ?