使用javascript修改CSS

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

var-box=document.getElementById（'box1'）；
box.style.backgroundColor=红色
.box{
背景色：黑色；
}
这应该行得通

  var box = document.getElementById('box1');
  box.style.backgroundColor = "red"; //you were just typing red earlier
  box.style.width="100px";
  box.style.height="100px";

这应该行得通

  var box = document.getElementById('box1');
  box.style.backgroundColor = "red"; //you were just typing red earlier
  box.style.width="100px";
  box.style.height="100px";

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


var-box=document.getElementById（'box1'）；
box.style.backgroundColor=“红色”
.box{
背景色：黑色；
}

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


var-box=document.getElementById（'box1'）；
box.style.backgroundColor=“红色”
.box{
背景色：黑色；
}

CSS

setTimeout（函数（）{
$（“.box”）.css（“背景色”、“红色”）；
}, 3000);
.box{
背景色：黑色；
}

框1
setTimeout（函数（）{
$（“.box”）.css（“背景色”、“红色”）；
}, 3000);
.box{
背景色：黑色；
}

框1
您可以使用jquery的.CSS（）更改CSS

试试看：


$（文档）.ready（函数（）{
$（'#box1'）.css（“背景色”、“红色”）
})

.box{
背景色：黑色；
}

CSS
您可以使用jquery的.CSS（）更改CSS

试试看：


$（文档）.ready（函数（）{
$（'#box1'）.css（“背景色”、“红色”）
})

.box{
背景色：黑色；
}

CSS
您的代码中未定义变量
red
，因此这应该是语法错误。将红色引号放在引号内=>“red”也不知道这是否只是复制粘贴错误，但id属性周围的引号看起来不正确
，这应该是
，因此如果您运行代码，您的控制台中至少会出现两个错误。Als，因为你的盒子没有大小，你甚至看不到结果。此外，您还应该包括
console.log
语句，该语句不输出您期望的内容，因为我们不知道您是否在其中出错。变量
red
未在代码中定义，因此这应该是语法错误。将红色置于引号内=>“red”也不知道这是否只是一个复制粘贴错误，但是id属性周围的引号看起来不正确，这应该是
，因此如果运行code.Als，您的控制台中至少会出现两个错误，因为您的框没有大小，您甚至看不到结果。此外，您还应该包括
console.log
语句，该语句不会输出您期望的结果，因为我们不知道您是否在其中出错。您没有关闭“div”标记谢谢，您是对的。那是因为我只是从OP复制粘贴了它。现在添加了它。你还没有关闭“div”标记谢谢，你是对的。那是因为我刚刚从OP复制粘贴了它。现在添加了它。setTimeout（）需要什么？setTimeout（）需要什么？