Creación de nodos

Creación de nodos

1. CreateElement

   • crear un documento prácticamente de la nada
     • document.createElement('elemento_a_crear');

2. createTextNode

   • crea un texto.
     • document.createTextNode('el_texto_que_desee');
       • crear un nuevo párrafo, con el texto «Felicidades coders»,
         • Crear primero el elemento p, luego el nodo de texto, y por último convertir el nodo de texto en el hijo del párrafo por medio de appendChild, método que veremos en la seccion añadir nodos al DOM.
           • var parrafo = document.createElement('p'); var texto = document.createTextNode('Felicidades coders'); parrafo.appendChild(texto);

3. DOM

   • Añadir nodos
     • appendChild
       • podemos añadir a un nodo un nuevo hijo
         • elemento_padre.appendChild(nuevo_nodo);
           • // Crear nodo de tipo Element var parrafo = document.createElement("p");
           • El nuevo nodo se incluye inmediatamente después de los hijos ya existentes —si hay alguno— y el nodo padre cuenta con una nueva rama.
           • // Crear nodo de tipo Text var contenido = document.createTextNode("Hola Mundo!");
           • // Añadir el nodo Text como hijo del nodo Element parrafo.appendChild(contenido);
           • // Añadir el nodo Element como hijo de la pagina document.body.appendChild(parrafo);
   • Eliminar nodos
     • removeChild
       • seleccionar el padre del nodo, y desde ahí, remover el nodo deseado
         • Si no conocemos el padre del nodo podemos seleccionar directamente el nodo
           • elemento_padre.removeChild(nodo_a_eliminar);