div中的JavaScript图像

div中的JavaScript图像,javascript,image,onclick,Javascript,Image,Onclick,我有以下代码: 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'

我有以下代码:

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 id="imgbox">
    <div id="imgboxDavanti">IMAGE HERE</div>
    <div id="imgboxDietro"></div>
</div>

图像在这里

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

尝试为
创建元素


如果您对此进行了修改?(代码中没有明显错误,但主要检查错误消息(如果有)的内容)


override
似乎什么都不做……还有,为什么要将
true
作为字符串传递?您的代码似乎工作正常。。。
function getImage(imgPath,override){
image=document.createElement('INPUT');
image.type="image";
image.src=imgPath;
document.getElementById('imgboxDavanti').appendChild(image);
}
function getImage(imgPath,override){
    image = document.createElement('img');
    image.onload = function() {
        document.getElementById('imgboxDavanti').appendChild(image);
    }
    image.onerror = function(e) {
        console.log(e);
        alert('Error occurred, see console for details.');
    }
    image.src = imgPath;
}