怎么用js显示隐藏div

 时间:2024-10-14 17:59:45

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

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

3、然后写js:<script type="text/javascript"> functio荏鱿胫协n 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服务器
  • 热门搜索
    清明节手抄报简单 仿生学手抄报 光盘行动手抄报内容 小学生元宵节手抄报 元旦手抄报文字 手抄报 春节 新年手抄报简单又好看 吸烟有害健康的手抄报 防控疫情手抄报内容 中秋节手抄报图画