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

Question

Not sure what I'm missing here...

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

The issue is you're setting a background-image on a div with no height or width . Add those:

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