javascript - 在标签上使用onclick显示div

我尝试使用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>

最佳答案

“ 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>