Añadiendo nodos al árbol DOM del documento

En ocasiones es necesario incluir nodos en posiciones concretas del árbol DOM. Para ello contamos con las funciones appendChild e insertBefore. Su funcionamiento es el siguiente:

• AppendChild añade un nodo como último hijo del nodo padre.
  Ejemplo: document.getElementById('contenedor').appendChild(nuevoElemento);
• InsertBefore añade un nodo como hijo del nodo padre, antes del hijo indicado. Ejemplo:
  var contenedor = document.getElementById('contenedor');
var hijo = contenedor.childNodes[0];
var nuevoElemento = document.createElement('div');
contenedor.insertBefore(nuevoElemento, hijo);