Crear elementos Html con JavaScript

Para agregar nuevos elementos al esquema de nuestra página (DOM) mediante javascript de forma dinámica podemos hacerlo mediante document.createElement.









Para agregar una capa div (cualquier otro elemento se hace de la misma forma) lo haremos:

var micapa= document.createElement("div");
micapa.id="micapa";  
document.body.appendChild(micapa);    

Creamos el elemento micapa, le asignamos el id micapa y por último lo agregamos a cuerpo body del documento.