javascript - 使用 javascript 修改 CSS

Question

您好，我在使用 javascript 更改 CSS 的类时遇到了问题，每当我调用该元素并尝试更改它返回 null 的样式时，几乎就像该元素没有关联的类一样，我的代码如下所示

var box = document.getElementById('box1');

box.style.backgroundColor = red;

.box {
      background-color: black;
}

<div id=“box1“ class="box">

不知何故当你登录控制台时(js的)框的样式背景颜色为空

Answer 1

在您的 ID 属性周围使用正确的引号。也使用“红色”而不是仅仅红色。

  var box = document.getElementById('box1');
  box.style.backgroundColor = "red";

 .box {
  background-color: black;
  }

<div id="box1" class="box">
CSS
</div>