动态负载图像＆amp;使用javascript自定义加载图像

Question

目前正致力于加载图片动态。如果自定义图像具有必须采用自定义图像而不是默认图像的路径，如果没有自定义图像路径不可用，则必须在给定ID中加载默认图像。

由于我是Javascript的新手，我正在尝试下面的代码。

var customImageurl = "custom_Image/web.png";
var defaultImageurl = "";
    function loadGraphics(){
        document.getElementById("loadImage").src = defaultImageurl;
    }
loadGraphics();
<div id="loadImage"></div>

没有合作帮助我。

提前致谢。

此致 马哈德

Answer 1

您的问题是div没有src属性，如您的示例所示<div id="loadImage"></div>

您的defaultImageurl也是空的。

解决方案是使用<img/>元素：

var customImageurl = "custom_Image/web.png";
var defaultImageurl = "";
function loadGraphics(){
    //v-- will not work! 
    document.getElementById("loadImage").src = defaultImageurl;
    //v-- will work given your example conditions
    document.getElementById("loadImage").src = customImageurl;
}
window.onload = function(){
    loadGraphics();
};
<div id="loadImage-wrap">
    <img id="loadImage" />
</div>

Answer 2

您正尝试在src元素上使用<div>属性。