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

600

03 января 2017, 00:09

Всем привет! Есть такой код:

.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?

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

<div id="block">222</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Проблема с работой transition

Прошу помочь в аминировании динамически создаваемых объектовОбъекты создаются, но свойство transition не применяется как нужно

476

javascript

Javascript библиотека для конвертации doc в html [требует правки]

Существует ли возможность конвертироватьdoc (не

435

jQuery

Проблема с библиотекой Fancybox

Есть картинка

437

CSS

svg в google chrome

Не могу понять почему svg так не корректно отображается на хроме, если присмотреться то на кнопочке крестик, в середине линий пустые пикселиСверху...

538