使用javascript更改css样式

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正在使用一个名为bodynot 的变量bg(这是你之前使用过的.
= white分配变量的值white,而不是字符串"white".

更正代码:

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