Javascript 在单击按钮时隐藏和显示div

我想基于按钮单击隐藏和显示一些元素。据我所知，将display属性设置为none应该可以完成这项工作。但由于某些原因，我的代码不起作用。谁能告诉我代码有什么问题吗

让py=true；
document.getElementsByClassName（“python”）
函数togglePython（）{
如果（py==true）{
document.getElementsByClassName（“python”）.style=“display:none”；
}否则{
document.getElementsByClassName（“python”）.style=“display:block”；
}
}

项目
切换
python
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

C#
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

JS
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

python
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

getElementsByClassName

返回所有子元素的数组对象，该子元素具有所有给定的类名。它的工作方式是循环遍历文档中的所有元素，然后将样式分别应用于每个元素

试验
设py=true；
document.getElementsByClassName（“python”）
函数togglePython（）{
让itms=document.getElementsByClassName（“python”）；
对于（i=0；i您不会更改click事件处理程序中的标志。此外，您可以使用jQuery方法来显示/隐藏元素。我建议您在下面进行尝试：


让showPyths=true；
constpythoneelements=[…document.getElementsByClassName（“python”）]；
函数togglePython（）{
showPyths=！showPyths；
if（showPyths）{
pythoneelements.forEach（（el）=>el.style.display='block'）；
}否则{
pythoneelements.forEach（（el）=>el.style.display='none'）；
}
}
$（'#jQueryTglBtn'）。单击（函数（）{
$（pythoneelements.slideToggle（）；
})；

试验
项目
切换
切换（jQuery滑动切换）
python
知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德在某些情况下，不应轻率地认为，这是一种不正当的行为，因为这是一种不正当的行为

C#
知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德在某些情况下，不应轻率地认为，这是一种不正当的行为，因为这是一种不正当的行为

JS
知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德在某些情况下，不应轻率地认为，这是一种不正当的行为，因为这是一种不正当的行为

python
知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德在某些情况下，不应轻率地认为，这是一种不正当的行为，因为这是一种不正当的行为

布尔值
py
设置为
true
一次，并且从未更改，这就是为什么每次都会得到相同的结果

另外，
getElementsByClassName
正在返回一个需要迭代的集合。为了方便起见，我将其更改为
querySelectorAll
方法，并使用
forEach
函数迭代结果


让py=true；
document.queryselectoral（“.python”）.forEach（（el）=>{
el.style=“背景色：黄色”；
});
功能切换