html中实现数据的显示和隐藏
时间：2017-11-22 16:18:18|栏目：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>
|
栏 目：HTML/Xhtml
下一篇：超链接 a href 通过post方式提交表单的方法
本文标题：html中实现数据的显示和隐藏
本文地址：http://kmldfv.com/?m=home&c=View&a=index&aid=6
您可能感兴趣的文章
- 08-21果博东方福布斯公司4天，泰国国内游超300万人次
- 08-20果博东方福布斯公司曼谷荣登“全球Z世代最向往城市”榜首
- 08-19果博东方福布斯公司柬埔寨掀起抵制星巴克潮，只因其饮品仍使用泰国品牌牛奶
- 08-17福布斯果博东方泰国缺少中国导游，旅游和教育部门正忙于培训。
- 08-16故事：公公挑唆儿子家暴儿媳，谁知儿媳是跆拳道高手，两人秒后悔
- 06-14果博东方在线客服联系电话资讯企业安全管理必修课：如何通过打印记录堵住信息泄密漏洞？
- 06-14果博东方在线客服联系电话网站安装全攻略：从准备到配置一步不漏
- 11-22超链接 a href 通过post方式提交表单的方法
- 11-22html中实现数据的显示和隐藏
- 11-22<pre>标签内容自动换行的方法
阅读排行
推荐教程
- 08-16故事：公公挑唆儿子家暴儿媳，谁知儿媳是跆拳道高手，两人秒后悔
- 06-14果博东方在线客服联系电话网站安装全攻略：从准备到配置一步不漏
- 08-20果博东方福布斯公司曼谷荣登“全球Z世代最向往城市”榜首
- 08-19果博东方福布斯公司柬埔寨掀起抵制星巴克潮，只因其饮品仍使用泰国品牌牛奶
- 08-17福布斯果博东方泰国缺少中国导游，旅游和教育部门正忙于培训。
- 08-21果博东方福布斯公司4天，泰国国内游超300万人次
- 06-14果博东方在线客服联系电话资讯企业安全管理必修课：如何通过打印记录堵住信息泄密漏洞？
- 11-22超链接 a href 通过post方式提交表单的方法
- 11-22Html5文档声明和头部信息
- 11-22HTML <h1> 到 <h6>