insertar código html a través de javascript

[Alexis88]

Estás ejecutando el código JavaScript antes de que se carguen los elementos HTML; por eso no funciona cuando lo colocas directamente y sí cuando usas la consola, porque ya cargó el DOM.

Apóyate utilizando el evento DOMContentLoaded:

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    //Acá ejecutas tu código
}, false);