Javascript 为什么切换的类不设置元素的动画，并且在控制台中没有错误

只是想知道为什么当尝试添加一个切换时，它会被添加，但是元素不会改变样式，我也不会得到任何错误

const burger=document.getElementsByClassName（'barra'））
常量burgerArray=Array.from（burger）
函数按钮更改（）{
对于（i=0；i

。更改b1{
背景色：红色；
}
.更改b2{
背景颜色：蓝色；
}
.更改b3{
背景颜色：绿色；
}

这样做：

const-burgerArray=document.queryselectoral（“.barra”）；
函数按钮更改（）{
对于（i=0；i

#bar1.change{
背景色：红色；
}
#改变{
背景颜色：蓝色；
}
#3.改变{
背景颜色：绿色；
}

示例文本1
示例文本2
示例文本3

这样做：

const-burgerArray=document.queryselectoral（“.barra”）；
函数按钮更改（）{
对于（i=0；i

#bar1.change{
背景色：红色；
}
#改变{
背景颜色：蓝色；
}
#3.改变{
背景颜色：绿色；
}

示例文本1
示例文本2
示例文本3

如何定义bugerArray？选择器与HTML不匹配

.change b1

指向

中的b1元素。你的意思一定是

.change#bar1

。如果我切换.change#bar1，它会将该自定义应用于每个不需要的项。请详细说明你的要求-

它会将该自定义应用于每个不需要的项

它会将其应用于id为#bar1的项。我不明白你想要什么。你如何定义你的bugerArray？你的选择器与你的HTML不匹配

.change b1

指向

中的b1元素。你的意思一定是

.change#bar1

。如果我切换.change#bar1，它会将该自定义应用于每个不需要的项。请详细说明你的要求-

它会将该自定义应用于每个不需要的项

它会将其应用于id为#bar1的项。我不明白你想要什么。谢谢你把它简化了一点。它也可以正常工作，但仍然不会改变样式。@FranciscoAzocar您可以看到使用

运行代码片段
测试它。。。。可能还有其他一些代码干扰，您可以分享完整的代码吗？谢谢您将代码简化了一点。它也可以正常工作，但仍然不会改变样式。@FranciscoAzocar您可以看到使用
运行代码片段
测试它。。。。可能有其他代码干扰，您可以共享完整的代码吗