显示层||隐藏层
来源:互联网 发布:甘特图软件 编辑:程序博客网 时间:2024/04/24 15:10
window.onload = function () {
document.getElementById('btnShow').onclick = function () {
document.getElementById('dv').style.display = 'block';
};
document.getElementById('btnHidden').onclick = function () {
document.getElementById('dv').style.display = 'none';
};
document.getElementById('btn').onclick = function () {
var dvObj = document.getElementById('dv');
if (dvObj.style.display.length == 0 || dvObj.style.display == 'none') {
dvObj.style.display = 'block';
} else {
dvObj.style.display = 'none';
}
};
};
<input type="button" name="name" value="显示" id="btnShow" />
<input type="button" name="name" value="隐藏" id="btnHidden" />
<input type="button" name="name" value="显示与隐藏" id="btn" />
<div id="dv" style=" width:300px; height:200px; background-color:Green; display:none;">
</div>
document.getElementById('btnShow').onclick = function () {
document.getElementById('dv').style.display = 'block';
};
document.getElementById('btnHidden').onclick = function () {
document.getElementById('dv').style.display = 'none';
};
document.getElementById('btn').onclick = function () {
var dvObj = document.getElementById('dv');
if (dvObj.style.display.length == 0 || dvObj.style.display == 'none') {
dvObj.style.display = 'block';
} else {
dvObj.style.display = 'none';
}
};
};
<input type="button" name="name" value="显示" id="btnShow" />
<input type="button" name="name" value="隐藏" id="btnHidden" />
<input type="button" name="name" value="显示与隐藏" id="btn" />
<div id="dv" style=" width:300px; height:200px; background-color:Green; display:none;">
</div>
0 0
- 显示层||隐藏层
- 显示隐藏层
- 隐藏select,显示层
- 显示或隐藏层
- 显示隐藏层2
- 层的显示隐藏
- 点击显示隐藏层
- css显示隐藏层
- DIV显示隐藏层
- JQuery显示隐藏层
- Jquery 隐藏显示层
- css显示隐藏层
- js显示隐藏层
- JQuery显示弹出层和隐藏层
- 层的显示与隐藏
- 层的显示/隐藏代码
- 层的显示/隐藏代码
- 用Javascript显示隐藏层
- android动画
- Android下载管理DownloadManager功能扩展和bug修改
- 20140426
- 点击按钮层动态变小
- SpringMVC:整合JQUERY与JSON
- 显示层||隐藏层
- oc 单例模式
- SQL ServerSQL后期修改表问题
- 鼠标放进去行变色
- Configure Oracle Dataguard Primary-ASM to Physical-ASM
- 点击按钮,表格隔行变色:偶数行为黄色背景,奇数行为默认颜色。通过table的getElementsByTagName取得所有的tr,依次遍历,如果是偶数就…………。
- Java 并发(一)——线程和同步
- UVA - 10474 - Where is the Marble
- Spinner组件的使用