Javascript 如何在不使用ID的情况下通过DOM隐藏/取消隐藏元素？

当我使用

document.getElementsByClassName（'animation'）。hidden=false

它不起作用，但当我使用

document.getElementById（'animation'）.hidden=false时，它会帮助我取消隐藏图像。问题是，我有一个已经附加了ID的图像

vs.
注意，我在第二个元素上附加了两个选择器。谢谢
 我认为最好的选择是使用
document.querySelector（…）
：

可以找到此功能的更多文档。
document.getElementsByClassName
返回数组。。尝试
var elm=document.getElementsByClassName（'animation'）；elm[0]。hidden=false知道如何搜索stackoverflow也是关键！从启示到投票数进行排序，并查看解决同一问题的不同方式（可以根据相关性排序，#等）。
  var onoffbutton = document.getElementById("onoffInput");
  onoffbutton.addEventListener('click', function(event) {
    if(document.getElementById("demoE").innerHTML==="first"){
    document.getElementById("demoE").innerHTML ="second";
    document.getElementsByClassName('animation').hidden = false;
    return;
    }
    if(document.getElementById("demoE").innerHTML==="second"){
    document.getElementById("demoE").innerHTML ="first";
    document.getElementsByClassName('animation').hidden = true;
    return;
    }
    } , false)

document.querySelector(".animation").hidden = false;