html中实现数据的显示和隐藏
2024-09-05 17:12:35
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" onclick=hideOrShowEvent()> 点击隐藏或显示 </button>
</body>
</html>
最新文章
- Android NDK开发Hello Word!
- Java开发规范摘录
- YUV420查表法高效、无失真的转换为RGB32格式
- EF-实体更新
- 详解keil采用C语言模块化编程时全局变量、结构体的定义、声明以及头文件包含的处理方法
- liux vim命令
- json对象转字符串与json字符串转对象
- 给linux设置grub密码
- ASP.NET MVC 之表格分页
- 创建位图画刷(CreatePatternBrush)
- Gaea是支持跨平台具有高并发、高性能、高可靠性,并提供异步、多协议、事件驱动的中间层服务框架
- android 开发心得杂记
- Android 实现图片加水印
- JavaScript-创建日志调试对象(面向对象实例)
- STM32F103/429串口IAP+Ymodem升级
- java垃圾回收GC
- 运维监控-基于yum的方式部署 Zabbix Agent 4.0 版本
- Spring Boot 你所不知道的超级知识学习路线清单
- php中上传图片
- 软件工程-东北师大站-第五次作业(PSP)