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中实现数据的显示和隐藏
本文地址：https://www.fushidao.cc/wangyezhizuo/6.html
您可能感兴趣的文章
- 08-17德化县html网页制作，如何打造专业高效的本地企业展示平台？
- 07-12如何一步步轻松制作出令人称赞的简单HTML网页？零基础HTML网页制作教程
- 07-12html网页制作具体负责哪些工作？网页制作工作内容
- 07-12html网页制作圣诞树教程详细，如何实现炫酷圣诞树网页效果？css圣诞树怎么做
- 07-12网页制作这些作品源代码从何而来？揭秘网页设计奥秘，网页源代码从哪来
- 07-12html网页制作有哪些主流工具和软件推荐使用？html网页制作工具
- 07-12如何高效运用HTML技巧制作出精美实用的网页表格？HTML表格制作技巧
- 07-12大一HTML网页制作模板有哪些？适合初学者的推荐清单？，html网页制作入门模板下载
- 07-12HTML网页设计与制作作业如何高效完成并提升网页设计技能？，html作业怎么做，网页设计教程
- 07-12html中文咖啡网页模板适合初学者吗？如何优化页面设计
阅读排行
- 1德化县html网页制作，如何打造专业高效的本地企业展示平台？
- 2如何一步步轻松制作出令人称赞的简单HTML网页？零基础HTML网页制作教程
- 3html网页制作具体负责哪些工作？网页制作工作内容
- 4html网页制作圣诞树教程详细，如何实现炫酷圣诞树网页效果？css圣诞树怎么做
- 5网页制作这些作品源代码从何而来？揭秘网页设计奥秘，网页源代码从哪来
- 6html网页制作有哪些主流工具和软件推荐使用？html网页制作工具
- 7如何高效运用HTML技巧制作出精美实用的网页表格？HTML表格制作技巧
- 8大一HTML网页制作模板有哪些？适合初学者的推荐清单？，html网页制作入门模板下载
- 9HTML网页设计与制作作业如何高效完成并提升网页设计技能？，html作业怎么做，网页设计教
- 10html中文咖啡网页模板适合初学者吗？如何优化页面设计
推荐教程
- 02-01HTML制作网页代码，新手如何从零开始打造专业网站？
- 09-112025年9月网页制作：HTML与XHTML的最新代码
- 02-19HTML中表格动态添加_动力节点Java学院整理
- 02-19HTML标签meta总结,HTML5 head meta 属性整理
- 12-14HTML表格合并的具体实现方式
- 02-19html 基于 canvas 实现的一个截图小demo
- 02-19HTML网页中插入视频的方法小结
- 02-195种做法实现table表格中的斜线表头效果
- 02-19快速解决input[type=file]打开时慢、卡顿的问题
- 02-19html中关于form与表单提交操作的资料集合