两个DIV的切换
2024-10-22 05:15:28
<html>
<head>
<title>HTML元素的显示与隐藏控制</title>
<script type="text/javascript">
function showAndHidden1(){
var div1=document.getElementById("div1");
var div2=document.getElementById("div2");
if(div1.style.display=='block') div1.style.display='none';
else div1.style.display='block';
if(div2.style.display=='block') div2.style.display='none';
else div2.style.display='block';
}
</script>
</head>
<body>
<div>display:元素的位置不被占用</div>
<div id="div1" style="display:block; background:#eee;">DIV 1</div>
<div id="div2" style="display:none; background:#fcc">DIV 2</div>
<input type="button" onclick="showAndHidden1();" value="DIV切换" />
</body>
</html>
最新文章
- web前端页面性能优化
- 串口控RGB三色灯
- web 模板 类似京东左侧的导航栏
- C++ code: 将程序的输出,保存到txt文档中,且每35个数,自动换行
- [ActionScript 3.0] flash如何访问父级或者舞台上的变量、函数等的方法
- PinYinCls
- 0c-35-自动释放池使用注意
- UNIX标准化及实现之POSIX标准扩展头文件
- java String 去除空格
- Xcode6 viewDidLoad 中View的subviews 为空
- Swift - 文件,文件夹操作大全
- java 对象的上转型对象(父类)
- PGM:部分有向模型之条件随机场与链图模型
- 【.NET Core项目实战-统一认证平台】第十四章 授权篇-自定义授权方式
- [总结]数论和组合计数类数学相关(定理&;证明&;板子)
- JavaScript 笔记(一)
- OneZero产品视频
- 安卓中location.href或者location.reload 不起作用
- 2014.9.11 Research Meeting Report
- activiti主要组件解析