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 на DIV, без height или 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