Creación de nodos

CreateElement
1. crear un documento prácticamente de la nada
  1. document.createElement('elemento_a_crear');
createTextNode
1. crea un texto.
  1. document.createTextNode('el_texto_que_desee');
    1. crear un nuevo párrafo, con el texto «Felicidades coders»,
      1. 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);
DOM
1. Añadir nodos
  1. appendChild
    1. podemos añadir a un nodo un nuevo hijo
      1. 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);
2. Eliminar nodos
  1. removeChild
    1. seleccionar el padre del nodo, y desde ahí, remover el nodo deseado
      1. Si no conocemos el padre del nodo podemos seleccionar directamente el nodo
        elemento_padre.removeChild(nodo_a_eliminar);

Resource summary

	Created by Lesly Nomberto over 6 years ago