Javascript 使用JS调用多个GetElementsByCassName（）

我现在对让我的JS处理多个类元素感到困惑。目前在代码中，它只改变了显示：它找不到第一个div。我读过一些教程，但到目前为止，我无法在我的js中实现这一点并使其正常工作

有人能帮我解决这个问题吗？ 提前谢谢

函数showHideEnglish（）{ var english=document.getElementsByClassName（“text_uenglish”）[0]； var德语=document.getElementsByClassName（“text__德语”）[0]； german.style.display=“无”； if（english.style.display==“块”）{ german.style.display=“无”； } 否则{ english.style.display=“block”； } } 函数showHideGerman（）{ var english=document.getElementsByClassName（“text_uenglish”）[0]； var德语=document.getElementsByClassName（“text__德语”）[0]； english.style.display=“无”； 如果（德语.style.display==“块”）{ english.style.display=“无”； } 否则{ 德语.style.display=“block”； } }

英语
德国的
此文本为英文

dieser文本是德国的

这篇课文是英文的
dieser Text ist auf Deutsch

无论页面上有多少个元素，此功能都有效：

函数showHideEnglish（）{ var德语=document.getElementsByClassName（“text__德语”）； 对于（变量i=0；i

英语
德国的
此文本为英文

dieser文本是德国的

这篇课文是英文的
dieser文本是auf Deutsch

该

[0]

表示您只获取第一个这样的元素。如果你想将某些东西应用到该类的所有元素，你必须以某种方式进行循环。HTML有不同的div，class=“text\uu english”和class=“text\uu german”如果我现在运行JS，它只会切换一个div来显示：无，但不是两个。我试图实现的是，它可以同时切换它们。@RobinZigmond是的，但到目前为止，我还无法实现这个循环，也看不到如何在我当前的JSAs中实现它。我清楚地指出[0]正在处理第一个div，这就是为什么只有第一个实例在变化。详细的方法是复制相同的行并将其更改为[1]，尽管这不是理想的。@tagliatelli我如何避免这种情况？它目前并不隐藏其他元素。它应该表现得像是在language@Marcel查看我的编辑：它现在只是在两种语言之间切换。