0

Как сделать так, чтобы у картинки изменился backgroundImage?

<div id='photo' style="background-image: url('img/image.png');"> </div>

<script>
  var photo = document.getElementById('photo')
  photo.backgroundImage = url('img/image2.png')
</script>

1 ответ 1

0

Воспользуйтесь шаблонными строками, чтобы можно было использовать одиночные или двойные кавычки:

var photo = document.getElementById('photo');
photo.style.backgroundImage = `url('img/image2.png')`;
<div id='photo' style="background-image: url('img/image.png');"> </div>

Также такие строки позволяют легко вставлять переменные:

var imagesUrl = ['img/image1.png','img/image2.png','img/image3.png'];
var photo = document.getElementById('photo');
photo.style.backgroundImage = `url('${imagesUrl[1]}')`;
<div id='photo' style="background-image: url('img/image.png');"> </div>

2
  • почему не просто двойные кавычки?
    – Grundy
    Commented 2 февр. 2022 в 21:45
  • @Grundy: на перспективу - вдруг человек решит использовать двойные внутри :)
    – UModeL
    Commented 2 февр. 2022 в 21:46

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.