Javascript 使用document.getElementsByClassName隐藏带有JS的节

我找不到我的目的地。我试图通过JS在HTML中隐藏此部分（即survey1）。你能帮帮我吗？谢谢

这是我的html代码

<section id="survey1" class="survey1">

        <ul class="meta2">
                <li class="icon2 fa-clock-o">2 min.</li>
                <li class="icon2 fa-gift"><a href="#">1 point</a></li>

        </ul>       


 <nav id="banner2"> 
     <li>  <a href="survey.html" class="button2"> Go </a> </li>
     <li>  Sondage 1 sur le développement personnel<br/></li>


 </nav>
</section>  

这是我的JS代码

classv= document.getElementsByClassName('survey1');
classv.className='hidden';

---

函数

getElementsByClassName（）

为您提供一个

HTMLCollection

，一个

节点的集合。因此，如果其中只有一个节点，您可以很好地使用
[0]
：

classv = document.getElementsByClassName('survey1');
classv[0].className = 'hidden';

我建议使用
.classList.add（）
：

因此，如果您想删除它，可以使用：

classv[0].classList.remove('hidden');

getElementsByClassName应返回一个集合。。。您可以使用getElementById
classv[0].classList.add('hidden');

classv[0].classList.remove('hidden');