var agregar = document.getElementById("agregar"), contenedor = document.getElementById("id_contenedor"), contador = 0; agregar.addEventListener("click", function(){ var primerHijo = contenedor.firstChild, nuevoHijo = document.createElement("div"); nuevoHijo.className = "nuevo"; nuevoHijo.innerText = ++contador; contenedor.insertBefore(nuevoHijo, primerHijo); }, false);
<div id = "id_contenedor"></div> <button id = "agregar">Agregar</button>
#id_contenedor{ background: lightyellow; width: 25em; height: 15em; overflow: auto; } .nuevo{ width: 20em; height: 5em; background: green; margin-bottom: .5em; color: white; text-align: center; line-height: 5em; }