Javascript JS函数没有'；不要改变盒子的颜色

JS只是拒绝做任何事情——不显示console.log，不显示任何错误，不做任何事情

JS实际上并没有给出任何生命的迹象——我试着制作

document.getelementbyid（box1）

和（“#box”）和（“box”），因为互联网上的人们使用了所有这些东西，而且效果很好

尝试在HTML中嵌入事件以调用函数，尝试在window.onload上调用函数，等等

尝试更改文本、颜色、大小和边距-没有任何效果。有时会出现一个空错误——这意味着JS由于某种原因无法获取样式值

---

var-box=document.getElementById（“#box1”）；
函数changeColor（）{
var-box=document.getElementById（“#box1”）；
box.style.backgroundColor='红色'；
}

#框1{
高度：100px；
宽度：100px；
背景色：#B9E257；
}
#框2{
高度：100px；
宽度：100px；
背景色：#69ADE1；
}

1.
2.
走！

文档方法getElementById（）返回一个元素对象 表示id属性与指定属性匹配的元素 一串由于元素ID在指定时必须是唯一的， 它们是快速访问特定元素的有用方法

有关更多信息，请访问

ID是区分大小写的字符串，在文档中是唯一的

请检查下面的运行示例：

函数changeColor（）{
var-box=document.getElementById（“box1”）；
控制台日志（框）；
box.style.backgroundColor='红色'；
}

#框1{
高度：100px；
宽度：100px；
背景色：#B9E257；
}
#框2{
高度：100px；
宽度：100px；
背景色：#69ADE1；
}

1.
2.
走！

文档方法getElementById（）返回一个元素对象 表示id属性与指定属性匹配的元素 一串由于元素ID在指定时必须是唯一的， 它们是快速访问特定元素的有用方法

有关更多信息，请访问

ID是区分大小写的字符串，在文档中是唯一的

请检查下面的运行示例：

函数changeColor（）{
var-box=document.getElementById（“box1”）；
控制台日志（框）；
box.style.backgroundColor='红色'；
}

#框1{
高度：100px；
宽度：100px；
背景色：#B9E257；
}
#框2{
高度：100px；
宽度：100px；
背景色：#69ADE1；
}

1.
2.
走！

您的JS抛出错误仅仅是因为您在

文档.getElementById

中使用了

，这是不允许的。您需要在jQuery而不是JS中为

ID

定义

#

这是更新后的代码。只是从

文档中删除了
。getElementById

我在其中没有做任何其他操作

函数changeColor（）{
var-box=document.getElementById（“#box1”）；
box.style.backgroundColor='红色'；
}

#框1{
高度：100px；
宽度：100px；
背景色：#B9E257；
}
#框2{
高度：100px；
宽度：100px；
背景色：#69ADE1；
}

1.
2.
走！

您的JS抛出错误仅仅是因为您在

文档.getElementById

中使用了

，这是不允许的。您需要在jQuery而不是JS中为

ID

定义

#

这是更新后的代码。只是从

文档中删除了
。getElementById

我在其中没有做任何其他操作

函数changeColor（）{
var-box=document.getElementById（“#box1”）；
box.style.backgroundColor='红色'；
}

#框1{
高度：100px；
宽度：100px；
背景色：#B9E257；
}
#框2{
高度：100px；
宽度：100px；
背景色：#69ADE1；
}

1.
2.
走！

如果你真的喜欢，那么 var-box=document.getElementById（“#box1”）； 做

如果你真的喜欢那样，那么 var-box=document.getElementById（“#box1”）； 做

---

尝试删除#from id just（box1）

var box=document.getElementById（“box1”）。getElementById不需要OctorType，因为它已经知道它正在查找ID。我在web上的某个示例中看到了它，这实际上是JQuery而不是JSTry尝试从ID中删除#只是（box1）
var box=document.getElementById（“box1”）。getElementById不需要OctorThorpe，因为它已经知道它正在查找ID。我在web上的一些示例中看到了它，这实际上是JQuery而不是vanilla JSoh感谢所有人的帮助，非常感谢！有趣的是，我是如何理解DOM和所有的理论部分的，但一旦我开始编码，我就被这样简单的事情困扰了好几个小时，这太令人沮丧了。谢谢大家的帮助，非常感谢！有趣的是，我是如何理解DOM和所有的理论部分的，但是一旦我开始编码，我就被这样简单的事情困扰了好几个小时，这太令人沮丧了，我简直不敢相信，就是这样-尝试了两次这种完全不同的方法，现在它就可以工作了，谢谢你，艾哈迈德，我不敢相信这是真的，我试了两次这种完全不同的方法，现在它完全可以用了，谢谢你，艾哈迈德
var box = document.querySelector("#box1");