Javascript. Как поменять background-image?

#javascript

Всем привет! Хочу на чистом js поменять background у блока. Есть такой код:

.block{
     background-image: url(img/img1.jpg);
 }


var btn = document.getElementById('btn');
btn.addEventListener('click', function(){changeBgImg();});

var block = document.getElementById('block');

function changeBgImg(){
    block.style.backgroundImage = 'img/img2.jpg'
}


Но почему-то такой код не работает, background не меняется. Подскажите, в чем может
быть проблема?
    

Ответы

Ответ 1

Пишите также, как и в css, т.е. вместе с url:



var block = document.getElementById('block');

function changeBgImg(){
    block.style.backgroundImage = "url('https://cs7062.vk.me/c540107/v540107359/2729/fYQlS_23QdA.jpg')";
}

changeBgImg();
#block {
  width: 200px;
  height: 200px;
}
222