博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html中实现数据的显示和隐藏
阅读量:4703 次
发布时间:2019-06-10

本文共 621 字,大约阅读时间需要 2 分钟。

Author: YangQingQing

 

<!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" οnclick=hideOrShowEvent()> 点击隐藏或显示 </button>
</body>
</html>

转载于:https://www.cnblogs.com/guolongnv/p/7028561.html

你可能感兴趣的文章
CF1093G Multidimensional Queries
查看>>
移动端提升页面速度与网站性能
查看>>
中国剩余定理学习笔记
查看>>
深度学习中优化【Normalization】
查看>>
POJ2309BST(树状数组)
查看>>
洛谷P2114 起床困难综合症【位运算】【贪心】
查看>>
Ubuntu+caffe训练cifar-10数据集
查看>>
net 把指定 URI 的资源下载到本地
查看>>
js中 $ 未定义 或者 “xxx”未定义
查看>>
Sublime3插件安装
查看>>
[转]大型网站系统架构的演化
查看>>
非常好的JSUI
查看>>
基于EasyNVR摄像机无插件直播流媒体服务器实现类似于单点登录功能的免登录直播功能...
查看>>
python学习0day
查看>>
课堂练习之检测水军
查看>>
函数指针的使用
查看>>
位图数据结构的操作
查看>>
azkaban用户管理及权限配置
查看>>
GCD学习笔记
查看>>
PHP......会话控制SESSION与COOKIE
查看>>