Javascript element.style.backgroundImage没有加载图片

Question

不确定我在这里失踪了什么......

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);
}

Answer 1

问题是您在没有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