用document.getElementsByClassName隐藏JS的部分

Question

我找不到mystake在哪里。我试图用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> 

这里是我的CSS代码

.hidden { 
    display: none;} 

这是我在JS

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

Answer 1

代码的功能getElementsByClassName()给你一个HTMLCollection，集合Node s。所以，如果有中只有一个节点，可以很好地使用[0]：

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

我会建议使用.classList.add()：

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

所以，如果你想删除它，您可以通过使用这样做：

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