您如何通过单击按钮更改网站的背景图像？

Question

我正在学习如何使用按钮，对于我的网站，我希望能够单击一个按钮，网站背景图片就会发生变化。为此，我正在使用 JavaScript 和按钮标签。请帮我解决我的代码问题。

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="stylesheet.css" />
        <title> Test </title>
    </head>
    <body>
        <button id="changeBackground" onclick="changebgImage()">Change Background</button>
        <script>
function changebgImage() {
    document.body.style.background-image = url(Paradise.jpg);
}
        </script>
    </body>
</html>

Answer 1

document.body.style.backgroundImage= "url('img_tree.png')";

不是background-image

并且您必须将字符串封装在引号中。

您如何通过单击按钮更改网站的背景图像？

How do you change the background image of a website with a click of a button?

html

javascript

css