javascript - Javascript element.style.backgroundImage无法加载图像

不确定我在这里缺少什么...

window.onload = function() {
    var testDiv = document.createElement("div");
    testDiv.style.backgroundImage = "url('http://upload.wikimedia.org/wikipedia/commons/thumb/8/85/Smiley.svg/2000px-Smiley.svg.png')";

    document.body.appendChild(testDiv);
}

最佳答案

问题是您要在没有background-image或height的div上设置width。加上：

window.onload = function() {
    var testDiv = document.createElement("div");
    testDiv.style.backgroundImage = "url('http://upload.wikimedia.org/wikipedia/commons/thumb/8/85/Smiley.svg/2000px-Smiley.svg.png')";
    testDiv.style.backgroundSize="cover"; //image is large, you dont need this if you dont want
    testDiv.style.height="100px"; //add some value
    testDiv.style.width="100px"; //add some value

    document.body.appendChild(testDiv);
}

FIDDLE