Question

我无法找到mystake的位置。我试图通过JS隐藏这个部分（即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的集合。因此，如果其中只有一个节点，您可以很好地使用[0]：

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

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

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

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

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

使用带有document.getElementsByClassName

1 个答案: