Не получается изменить background image с помощью js

124
14 января 2020, 20:20

В css установлен фон для body

background: url(../img/apple.jpg) center no-repeat;

В той же папке с изображениями, что и данная картинка, лежит другая - apple_true С помощью js могу менять только цвет фона элемента, но не могу менять картинку То есть так работает:

let body = document.getElementsByTagName('body')[0];
body.style.background = 'blue';

а вот так уже не работает:

let body = document.getElementsByTagName('body')[0];
body.style.background = 'url(../img/apple_true.jpg) center no-repeat);';

в чем загвоздка? туплю уже почти час((

хотелось бы решить проблему именно с помощью чистого js, без jQuery

Заранее спасибо

Answer 1

Картинка фона, прописанная в файле css, ищется по пути относительно этого css файла. Картинка фона, прописанная в скрипте, ищется относительно url страницы.

READ ALSO
WordPress не видит jQuery

WordPress не видит jQuery

Помогите, пожалуйста, не могу решить проблему сам!

126
Порядок выполнения обработчиков в event loop

Порядок выполнения обработчиков в event loop

Читая статью из MDN про event-loop, не до конца понял как всё таки обрабатываются события:

101
Как добавить узловые точки в генераторе кривых

Как добавить узловые точки в генераторе кривых

Вопрос инициирован отличным ответом на вопрос по созданию полукруглых надписей в SVG

129
Смена css темы на сайте

Смена css темы на сайте

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

130