在标签上使用onclick显示div

时间:2019-05-26 14:39:42

标签: javascript css

我尝试使用onclick显示div,但单击该功能后我的功能无法运行   这是我的代码

     <script> 
       function BxhNam() {
         document.getElementById("#Top5").style.display = "block";
     }
     </script>
<a href="javascript:void(0);" class="dropdown-item" onclick="return BxhNam();">Theo Năm</a>
<div id="Top5" style="display:none">
 <span>Content</span>
</div>

1 个答案:

答案 0 :(得分:1)

“ getElementById()”方法返回具有ID属性具有指定值的元素。当您想通过ID通过js选择器选择一个元素时,您只需要设置一个与HTML中的attribute(id)相同的ID即可。 对于ID为“ Top5”的选择元素:

document.getElementById("Top5")

并在您的代码中:

<script> 
     function BxhNam() {
         document.getElementById("Top5").style.display = "block";
     }
</script>
<a href="javascript:void(0);" class="dropdown-item" onclick="return BxhNam();">Theo Năm</a>
<div id="Top5" style="display:none">
  <span>Content</span>
</div>