如何更改JS中的背景图像属性

Question

我目前正在尝试从url（“../ images/video.png”）（它是如何在CSS中声明的）将url变量的JS变量的属性“../images/pause.png”）：

fullscreenPlayPutButton.style.backgroundImage =“url（”../ images/pause.png“）”;

鼠标悬停在图像上显示图像，两个图像都在文件夹中。但是，一旦执行了这一行代码，最初显示的图像（the 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')";