怎么用js显示隐藏div

 时间:2026-02-14 01:51:26

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的显示与隐藏了。

  • 在Windows 10中更改CMD的屏幕缓冲区大小
  • 新版BIOS U盘启动设置
  • Manjaro怎么禁用终端菜单快捷键
  • 制作多引导,多系统U盘,
  • Debian系统下安装PPPoE服务器
  • 热门搜索
    请柬怎么写 美大集成灶怎么样 乔任梁为什么自杀 鸡胸肉怎么做 姜撞奶为什么不凝固 wifi密码怎么改 莱卡相机为什么那么贵 菠菜怎么做好吃 切辣椒后手上的灼热感怎么解决 下巴长痘痘红肿硬硬的还疼怎么回事