Capítulo 42: Añadir elementos al DOM

Contenido:

El Método appendChild; Añadir nodo de texto al DOM; appendChild siempre añade el nuevo nodo como el último nodo hijo; Añadir otros tipos de Nodos; El Método insertBefore añade un nuevo nodo antes del nodo que se indique.

Existen varios métodos para añadir un nuevo nodo al documento:

• appendChild(): es el método más simple y muestra el nuevo nodo a continuación del último nodo hijo ya presente

var nuevoTexto = document.createTextNode(“Nuevo Texto hijo”); //Nuevo nodo

var miDiv = document.getElementById(“id1”); // Seleccionamos un Nodo Padre.

miDiv.appendChild(nuevoTexto); //Añadimos el nuevo nodo hijo a miDiv

• insertBefore(): añade un nuevo nodo antes del nodo que indiquemos Tiene dos argumentos: El nodo a añadir y el nodo del que colocarse antes