Как изменить атрибут фонового изображения в JS

Question

В настоящее время я пытаюсь изменить атрибут переменной JS из url ("../ images/video.png") (как это было объявлено в CSS) для url ("../images/pause.png") через эту строку кода:

fullscreenPlayPauseButton.style.backgroundImage = "url (" ../ images/pause.png ")";

Наведите указатель мыши на изображение, показывая изображение, и оба изображения находятся в папке. Однако, как только эта строка кода выполняется, изображение, которое первоначально появилось (video.png), становится серым. Ошибка, которую я получаю в консоли, - «Uncaught SyntaxError: Неожиданный токен». в строке, где этот код. Заранее спасибо за помощь!

Answer 1

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

fullscreenPlayPauseButton.style.backgroundImage = "url('../images/pause.png')"; 

или

fullscreenPlayPauseButton.style.backgroundImage = "url(\"../images/pause.png\")"; 

Оба должны работать.

Answer 2

попытаться установить свойство как это:

fullscreenPlayPauseButton.style.backgroundImage = "url('../images/pause.png')";