-4

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

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

为了用 JavaScript 改变它，我试过：

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

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

4

6 回答 6

6

你有很多问题

  1. var bg = document.getElementById("body");不会得到<something id="body">（<body>但你的 CSS 匹配<body>，所以大概这就是你想要改变的）
  2. body.style.backgroundColor正在使用一个名为bodynot的变量bg（这是您之前使用的。
  3. = white分配变量 white的值，而不是字符串"white"。

更正的代码：

var bg = document.body;
bg.style.backgroundColor = "white";
于 2013-06-14T12:57:55.230 回答
1

你需要制作white一个像这样的字符串"white"

Javascript 正在读取white为变量。

于 2013-06-14T12:56:28.163 回答
1

您使用了错误的变量！

var bg = document.getElementById("body");
bg.style.backgroundColor = "white";
于 2013-06-14T12:56:35.603 回答
1

替换body.style.backgroundColor = white;为

body.style.backgroundColor = 'white';

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

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

 document.body.style.background = 'white';
于 2013-06-14T12:56:43.103 回答
0

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

您可以选择带有document.body颜色值的主体并使用引号：

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

或十六进制颜色

document.body.style.backgroundColor = '#ffffff';
于 2013-06-14T12:58:06.233 回答
0

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

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

于 2013-06-14T12:58:17.703 回答