crear un div y dentro una imagen

[azaz]

No consigo crear un div y dentro una imagen solo consigo crear la imagen.

Código Javascript:

contenedor=document.getElementById("contenedor");
div=document.createElement("div"); 
div.id = "capa-logo";
contenedor.appendChild(contenedor);
 
imagen = document.createElement("img"); 
imagen.src = "/imagenes/logo.gif"; 
imagen.id = "logo";
imagen.width="100px";
div.appendChild(imagen);
 

no funciona en donde estoy fallando?

html seria este

Código HTML:

<div id="contenedor">
   <h1>muestra logos</h1>
</div>
 

quedria que debajo de h1 salga el div con la imagen, y despues poder eliminarlo.

[Alexis88]

¿Y si primero añades la imagen al <div> y luego este al contenedor?

[lubtufano]

El problema es que no estás agregando el div al contenedor, tienes esto.

Código Javascript:

contenedor.appendChild(contenedor);
 

Y debe ser así

Código Javascript:

contenedor.appendChild(div);
 

También sería mejor usar style para indicar el tamaño de la imagen

Código Javascript:

imagen.style= "width:100px";
 

Saludos.

[Alexis88]

Buena observación, lubtufano. No la había notado.

En cuanto a lo de las dimensiones, el elemento <img> posee las propiedades de width y height (referencia).

Saludos