用javascript改变css样式

Changing css styles with javascript

本文关键字：样式 css 改变 javascript      更新时间：2023-09-26

我知道已经有关于这个的线程，但我找不到适合我需要的答案。我试图使用外部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>，所以大概这是你想改变的)
  2. body.style.backgroundColor正在使用一个名为body的变量，而不是bg(这是你以前使用的)。
  3. = white分配变量 white的值，而不是字符串"white"。

纠正代码:

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

您需要将white设置为像"white"一样的字符串

Javascript读取white作为变量

您使用了错误的变量!

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

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

body.style.backgroundColor = 'white';

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

使用

更改正文背景色
 document.body.style.background = 'white';

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

你可以用document.body选择正文，并使用引号表示颜色值:

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

或十六进制颜色

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

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

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

相关文章：