Как изменить изображение динамически?

Question

Я работаю над маленькой знаменем, и основное изображение не отображается

Код, кажется, работает правильно, но ничего не отображается.

Любая помощь была бы очень признательна.

var urlString = 'url(images/mainphoto' + ss_i + '.jpg)'; 
var obj = document.getElementById("mainphoto"); 
obj.style.background = urlString; 
//document.getElementById("mainphoto").style.backgroundImage = "url('images/mainphoto" + ss_i + ".jpg')"; 
console.log(urlString); 

<div id="mainphoto"></div> 

#mainphoto { 
    background:url(images/mainphoto0.jpg); 
    position: absolute; 
    margin-top: 149px; 
    z-index: 0; 
} 

Answer 1

div пуст, поэтому он не будет отображаться я предполагаю, попробуйте добавить width и height к стилю Div в