javascript - 如何在div中添加img元素

Question

我尝试动态创建一个“img”元素并将其插入现有的 div，但失败了。有谁知道如何使用原型框架做到这一点？以下是我尝试过的：

案例1：所有html都很好。

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

案例2：没有图像显示。

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

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

Answer 1

我注意到您正在使用原型。您可以使用 来做到这一点Element#update，它将用div您提供的内容替换 的所有内容：

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

...或 with Element#insert，这将添加到内容中：

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

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