如何在JS中更改背景图片属性

Question

I'm currently attempting to change an attribute of a JS variable from url("../images/video.png") (how it was declared in the CSS) to url("../images/pause.png") via this line of code:

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

The mouse over of the image is showing the image and both images are in the folder. However, once this line of code is executed, the image that originally showed up (the video.png) turns grey. The error I'm getting in console is "Uncaught SyntaxError: Unexpected token ." on the line where that code is. Thanks in advance for the help!

Answer 1

You are using two doublequotes in one line. You have to escape them or use single quotes:

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

or

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

Both should work.

Answer 2

尝试这样设置属性：

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