html中实现数据的显示和隐藏
<!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head> <title>demo</title> <script> var obj = document.getElementById("div_id"); function hideOrShowEvent(){ var obj= document.getElementById("div_id"); if(obj.style.display=="block"){ //如果是显示则隐藏 obj.style.display="none"; }else{ //如果是隐藏则显示 obj.style.display="block"; } } </script> </head> <body> <div id="div_id" style="border:1px solid red;display:block;" > 这里是内容 </div> <button type="button" onclick=hideOrShowEvent()> 点击隐藏或显示 </button> </body> </html>
(资源库 www.zyku.net)
上一篇:HTML/CSS:div居中和div内部元素垂直居中
栏 目:HTML/Xhtml
下一篇:Textarea输入字数限制实例(兼容iOS&安卓)
本文标题:html中实现数据的显示和隐藏
本文地址:https://www.zyku.net/xhtml/1410.html
您可能感兴趣的文章
- 09-14小米平板5pro启用杜比全景声教程分享
- 03-19帝国CMS模板灵动标签调用同级栏目导航
- 02-23黑鲨4pro开启全面屏手势教程
- 09-13vivox70pro+蓝色款什么时候上市
- 01-11马步抠图大师-马步抠图大师应用软件功
- 04-27帝国CMS灵动标签调用指定栏目下的子栏
- 02-22一加9pro设置otg连接教程
- 08-11wdcp php多共享版本安装fileinfo的方
- 09-11vivox70pro+机型颜色及配置介绍
- 01-14完美手风琴调音器-完美手风琴调音器应
- 03-15thinkPHP实现签到功能的方法
- 09-16高德地图展示上车点图片及路线选择方
- 07-10帝国cms关联外表连接sql语句
- 11-26小米10s怎么取消按键声
- 09-24爱奇艺如何添加好友
- 03-04wordpress防止垃圾评论的几种方法
- 03-31如何在Python项目中引入日志
- 02-13小米11开启经典护眼模式方法
- 09-13小米手机如何取消长按识别
- 09-22天猫精灵如何添加联系人
最近更新
阅读排行
猜你喜欢
- 12-31调音器调弦-调音器调弦应用软件功能介
- 01-12FrontRow相机-FrontRow相机应用软件功
- 04-21vivox60pro隐藏应用进入方法
- 02-21DedeCMS列表页及内容页模板调用文章评
- 12-09苹果13放大布局在哪里设置
- 02-13华为nova8pro双景录像拍摄教程
- 01-08vivox60pro+设置语音唤醒方法介绍
- 11-17hryfine手环连接手机教程介绍
- 01-17radionet-radionet应用软件功能介绍
- 01-11三年级英语下册-三年级英语下册应用软