Javascript. Как поменять background-image?
654
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>
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50017 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31913 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25976 visits
- Как через css изменить цвет png изображения? 11734 visits
- Blob video url download 11283 visits
- Php curl запрос через прокси с авторизацией 10685 visits
- Работа с captcha vk api 9483 visits
© "hostciti.net" 25.1.2026 | 06:45