Backgroundimg URL не меняется с помощью JavaScript - PullRequest
Новая
       3

Backgroundimg URL не меняется с помощью JavaScript

0 голосов
/ 28 сентября 2018 

window.onload = myFunction;

function myFunction() {

  document.getElementById('banner').style.backgroundImage = "url (../img/Background2.jpg)";

// Эта функция предназначена для изменения фона при запуске} 

#banner {
  background-image: url(../img/Background2.jpg);
}

<div id="banner">

1 Ответ

0 голосов
/ 28 сентября 2018

Ваша проблема - пространство между url и ( в JS.

Итак, строка: 

document.getElementById('banner').style.backgroundImage = "url (../img/fff.png)";

должна стать: 

document.getElementById('banner').style.backgroundImage = "url(../img/fff.png)";

Вот рабочий пример: 

window.onload = myFunction;

function myFunction() {

  document.getElementById('banner').style.backgroundImage = "url(https://via.placeholder.com/350x350)";

//This function is to change the backgroundimg on launch
}
#banner {
  width: 500px;
  height: 500px;
  background-image: url('https://via.placeholder.com/350x150');
}
<div id="banner"></div>
...