Copiar contenido div

[Alexis88]

Partiendo de algo como esto:

Código HTML:

<div id = "a">
    <img src = "imagen.jpg" />
    Texto de ejemplo.
</div>
 
<div id = "b"></div>
 
<button id = "c">Botón</button>
 

Tienes dos opciones:

La primera, crear una copia del contenido del primer <div> y asignarlo al segundo mediante la propiedad innerHTML.

Código Javascript:

document.querySelector("#c").addEventListener("click", function(){
    document.querySelector("#b").innerHTML = document.querySelector("#a").innerHTML;
}, false);
 

DEMO

Y la segunda, es creando un clon del primer <div> usando el método cloneNode.

Código Javascript:

document.querySelector("#c").addEventListener("click", function(){
    document.body.insertBefore(document.querySelector("#a").cloneNode(true), this);
}, false);
 

DEMO

En el último ejemplo, estoy insertando el <div> clon antes del botón, además, asigno el parámetro true para que la copia sea tanto del propio elemento como de su contenido. Para este caso, ya no sería necesario crear un segundo <div>.

Saludos