如何使用javascript选择所有div

我试图创建一个带有复选框的过滤器，当有人点击复选框时，它将隐藏所有的div1

//到目前为止，我已经使用了
函数div1hide（）{
document.getElementById（“dive1”）.style.display='none'；
}
var hider=document.getElementById（“div1”）；
document.addEventListener（“单击”，dive1hide，false）
测试
测试
测试
test

将其更改为更像这样

getElementsByClassName

返回一个对象，然后可以遍历该对象以更改该选择中所有元素的显示

函数div1hide（）{
var els=document.getElementsByClassName（“div1”）；
用于（单位为els的常数）{
els[el].style.display=“无”；
}
}
var hider=document.getElementsByClassName（“div1”）；
document.addEventListener（“单击”，div1hide，false）
测试
测试
测试
测试
可能是这样的吗


测试
测试
测试
测试
var div1=document.getElementsByClassName（“div1”）；//要控制的分区
var hider=document.getElementById（“hider”）；//复选框
div1.toggleStatus=“on”//走吧！
hider.onclick=function（）{//点击复选框时会发生什么
开关（div1.toggleStatus）{//两个选项
案例“开”：//1：隐藏它！
div1.toggleStatus=“off”；//再次点击复选框并跳转到第二个选项
对于（i=0；i

函数div1hide（）{
var els=document.getElementsByClassName（'div1'）；
对于（变量i=0；i
测试
测试
测试
测试
单击以隐藏。
id必须是唯一的，请尝试将其更改为class，这样工作元素id就必须是唯一的。除了@AlexYokisama comment之外，还需要将
document.getElementById（）
更改为
document.getElementsByClassName（）
或
document.querySelectorAll（）
。旁注，假设这是复制粘贴，那么在
id
属性之前还需要
div
部分。使用class属性和
getElementsByClassName（）
而不是idp也可能无助于id选择器查找
dive1
，而不是
div1
。小心打字错误！