Javascript 隐藏/显示多个div

我想通过单击一行文本隐藏/显示一些div框。总而言之，它必须做一些类似Android文件浏览器的事情

当我点击Mes Vidéos文本字段时，这两张图片显示了差异

以下是我当前代码的一部分：

函数folderChangeparam{ var video=document.getElementById'v'； var file=document.getElementById'f'； ifparam==1{ video.style.display=块； file.style.display=无； } 否则{ file.style.display=块； video.style.display=无； } } .filefolder{ 显示：无； } .视频文件夹{ 显示：块； } Flashdisk>Mes Fichiers Flashdisk>Mes Fichiers>Mes Vidéos 视频1.mp4

Mes Vidéos

Resultats.xlsx

---

如果只有两种类型的内容要显示/隐藏，则可以用一行遍历它们，并对它们应用classList.toggle：

函数folderChange{ document.querySelectorAll.video、.file.forEachel=>el.classList.toggleshow } 视频 .文件{ 显示：无 } .表演{ 显示：块 } 显示文件 播放视频

视频a

文件a

video b

video c

文件b

文件c

文件d

video d

video e

---

file e

多次使用ids v和f。但是ID应该是唯一的，并且只有一个元素。您可以使用类列表通过一个选择器选择多个元素。添加到@Adder的注释中，您还可以使用for循环遍历元素并更改其中的属性。@JoelTrauger我可以在forloop上使用哪个参数作为exit参数？