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

你必须将字符串封装在引号中。

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

1 个答案: