使用javascript更改css样式

我知道这方面已经有线索了，但我找不到适合我需要的答案。我正在尝试使用外部JS来更改外部CSS。我有一个非常简单的CSS主体样式：

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

要使用JavaScript改变这一点，我尝试了：

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

---

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

您需要将

设置为白色

类似于

的字符串“白色”

---

Javascript将

white

读取为变量。

您使用了错误的变量

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

---

替换

body.style.backgroundColor=白色带有

body.style.backgroundColor = 'white';

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

要更改车身背景颜色，请使用

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

你有很多问题

var bg=document.getElementById（“body”）
将获得
而不是
（但您的CSS与
匹配，因此您可能希望更改此内容）
body.style.backgroundColor
使用了一个名为
body
的变量，而不是
bg
（这是您以前使用的变量）
=white
指定变量
white
的值，而不是字符串
“white”
更正代码：

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

你的
真的有
id=“body”

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

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

还是六边形的颜色

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

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

无需使用
var bg=document.getElementById（“body”）
由于我不觉得您在任何地方使用变量
bg
body.style.backgroundColor='white'；您使用的是
white
，javascript将其作为变量，它应该是一个字符串。例如
'white'
。我猜OP想要更改body的背景色（而不是ID为body的元素的背景色）…是的，我同意，这里出了很多问题。我同意@Quentin的回答。+1是唯一一个注意到尸体身份问题的答案，比我快了11秒：）看起来我比我想象的更生锈了。我尝试了这段代码，添加了
bg.style.color=“black”和字体颜色更改，但背景不更改。