怎么用js显示隐藏div

2025-10-28 23:37:22

1、可以先让一个div隐藏:<div id="hiddenDiv" style="display:none;">这里是内容</div>

2、然后写一个控制的按钮<a href="#" onclick="blockDiv()">点击显示或隐藏</a>

3、然后写js:<script type="text/javascript">

               function blockDiv(){

               var div = document.getElementById("hiddenDiv").style.display;               if(div=='none'){

                  document.getElementById("hiddenDiv").style.display='block';

                 }else{

                    document.getElementById("hiddenDiv").style.display='none';

                }

             </script>

4、以上就可以控制div的显示与隐藏了。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢