用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');