使用 javascript 更改 css 样式答案

【问题标题】：Changing css styles with javascript使用 javascript 更改 css 样式
【发布时间】：2013-06-14 20:58:17
【问题描述】：

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

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

我尝试用 JavaScript 改变它：

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

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

【问题讨论】：

【解决方案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";

【讨论】：

【解决方案2】：

您需要将white 设为"white" 之类的字符串

Javascript 正在读取 white 作为变量。

【讨论】：

【解决方案3】：

你使用了错误的变量！

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

【讨论】：

【解决方案4】：

将body.style.backgroundColor = white;替换为

body.style.backgroundColor = 'white';

这里的颜色名称必须是字符串

要更改主体背景颜色，请使用

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

【讨论】：

【解决方案5】：

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

您可以使用document.body 选择主体并使用引号作为颜色值：

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

或十六进制颜色

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

【讨论】：

【解决方案6】：

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

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

【讨论】：