javascript - 如何更改网站背景

Question

我做了一个包含 10 个问题的测验，并将您的分数存储在一个名为 total 的值中。您可以获得的总分是 20，因此当total > 10 时，我希望背景变成红色。

我已经在我的网站上使用 CSS 设置了背景:

<style type="text/css">
    body{
    background-image: url("twins.jpg");
}

但是我似乎无法让我的状况正常工作。我试过:

if (total > 10) {
        document.body.style.backgroundColor = "red";
    }

我已经尝试过:

if (total > 10) {
        document.body.style.backgroundColor = "#AA0000";
    }

并且:

if (total > 10) {
        document.getElementById('body').style.backgroundImage = "url(ashishot.jpg)";
    }

但似乎没有任何作用。也许我将 if 语句放在了错误的位置，或者也许我试图错误地设置背景，我只是想知道这是否是从 CSS 更改背景图像的正确方法转换为 JavaScript。

Answer 1

是的，这是使用 JS 更改背景颜色的正确方法。

document.body.style.backgroundColor = "#AA0000";

请尝试:

• 将 alert() 放在 IF block 内以查看 block 是否正在执行
• 查看正文上是否有东西重叠(z 索引)