div 中的 JavaScript 图像

Question

我有这个代码:

function getImage(imgPath,override){
    image=new Image();
    image.src=imgPath;
    document.getElementById('imgboxDavanti').appendChild(image);
}

调用此函数的 HTML 是:

<a href='#' onclick="getImage('immagini/giaccasaccobacino/1petto/beige.png','true')">

这是我放置图像的 div

<div id="imgbox">
    <div id="imgboxDavanti">IMAGE HERE</div>
    <div id="imgboxDietro"></div>
</div>

但我不显示图像(如果我传递错误的路径作为参数，我会看到典型的“找不到图像”图标)。有什么问题吗？

Answer 1

尝试为 <input type="image" src="picture.gif" /> 创建元素

function getImage(imgPath,override){
image=document.createElement('INPUT');
image.type="image";
image.src=imgPath;
document.getElementById('imgboxDavanti').appendChild(image);
}

DEMO