Question

我知道已有线索，但我无法找到符合我需求的答案。我正在尝试使用外部JS来更改外部CSS。我有一个非常简单的CSS体型：

html, body{
background-color: black;
color: white;
}

要使用JavaScript进行更改，我尝试了：

var bg = document.getElementById("body");
body.style.backgroundColor = white;

但这似乎不起作用。我没有太多使用CSS结合JavaScript的经验，所以我认为修复很简单，但我似乎无法找到答案。任何帮助，将不胜感激。

Answer 1

你有很多的问题

var bg = document.getElementById("body");将获得<something id="body">而非<body>（但您的CSS与<body>匹配，因此可能是您想要更改的内容）
body.style.backgroundColor正在使用名为body而非bg的变量（这是您之前使用过的。
= white分配变量 white的值，而不是字符串"white"。

更正后的代码：

var bg = document.body;
bg.style.backgroundColor = "white";

Answer 2

您需要将white设为"white"

之类的字符串

Javascript正在将white视为变量。

Answer 3

你使用了错误的变量！

var bg = document.getElementById("body");
bg.style.backgroundColor = "white";

Answer 4

用

替换body.style.backgroundColor = white;

body.style.backgroundColor = 'white';

此处颜色名称必须是字符串

要改变身体背景颜色，请使用

 document.body.style.background = 'white';

Answer 5

您的<body>真的有id="body"吗？

您可以使用document.body选择正文，并使用颜色值的引号：

 document.body.style.backgroundColor = 'white';

或十六进制颜色

document.body.style.backgroundColor = '#ffffff';

Answer 6

white应该用单引号或双引号括起来

无需使用var bg = document.getElementById("body");，因为我觉得您在任何地方都使用变量bg