Comment ajouter un élément img dans div

Question

J'essaie de créer dynamiquement un élément 'img' et de l'insérer dans un div existant, mais j'ai échoué. Est-ce que quelqu'un sait comment faire cela avec un prototype de cadre? Ci-dessous ce que j'ai essayé:

Cas1: Tout le HTML est bon.

<!-- html --> 
<div id="thumbnailFrame" class="thumbnailFrameDiv"> 
    <img src="image.png" /> 
</div> 

Cas2: Aucune image n'apparaît.

<!-- html --> 
<div id="thumbnailFrame" class="thumbnailFrameDiv"> 
</div> 

<!-- JS --> 
var eleImg = new Element('img'); 
$('thumbnailFrame').insert(eleImg, {src:"image.png"}); 

Answer 1

Je remarque que vous utilisez Prototype. Vous pouvez le faire en utilisant Element#update, qui remplacera tout le contenu du div avec ce que vous lui donnez:

$("thumbnailFrame").update('<img src="image.png"></img>'); 

... ou avec Element#insert, qui ajouter à le contenu:

// At the bottom (default) 
$("thumbnailFrame").insert('<img src="image.png"></img>'); 

// At the top 
$("thumbnailFrame").insert({top: '<img src="image.png"></img>'});