html中实现数据的显示和隐藏
时间:2017-06-17|栏目:HTML/Xhtml|点击: 次
<!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
您可能感兴趣的文章
- 02-29百度编辑器(ueditor)自动排版首行缩进四
- 11-28<pre>标签内容自动换行的方法
- 03-11form表单提交时,action url中参数无效
- 08-29Google AdSense 网页级广告的代码添加
- 06-15HTML/CSS:div居中和div内部元素垂直居
- 03-16div中文字内容溢出常见的解决方法
- 05-28HTML中meta的作用
- 03-17Bootstrap表格制作代码
- 06-17html中实现数据的显示和隐藏
- 04-26超链接 a href 通过post方式提交表单
- 07-07Textarea输入字数限制实例(兼容iOS&安
- 12-27HTML网页特殊符号代码大全