javascript控制页面控件隐藏显示的两种方法
来源:互联网 发布:画面好的大型网络手游 编辑:程序博客网 时间:2024/06/04 18:56
display的显示影藏方式 block:显示,none:影藏 ;影藏后不占有原有位置
visibility的显示影藏方式 visible:显示,hidden:影藏 影藏后仍占有原有位置
javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位
方法一:
document.getElementById("Solin").style.visibility="hidden";
document.getElementById("Solin").style.visibility="visible";
方法二:
document.getElementById("Solin").style.display="none"; (与hide()方法效果相同)
document.getElementById("Solin").style.display="block";(与show()方法效果相同)
方法一隐藏后 页面的位置还被控件占用 只是不显示 类似于.net验证控件的Display=Static
方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic
Css的display与JQuery的show()、hide(),display与jquery两者可以配合使用,从而实现块的隐藏与显示
show()方法对应display:block; 或 inline
hide()方法对应display:none;
1 0
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的两种方法
- 控制页面控件隐藏显示的两种方法
- JS控制页面控件隐藏显示的两种方法
- javascript控制页面控件隐藏显示的方法
- javascript控制页面控件隐藏显示
- JavaScript控制页面控件的隐藏与显示
- 补10.7
- Spring AOP完成一个简单的参数统一校验框架
- poj2104 求区间第k大数(划分&&主席--待补)
- Linux常用命令的英文全拼与来源
- HDU - 1212 Big Number
- javascript控制页面控件隐藏显示的两种方法
- LA 3902 Network -
- 一副美丽而庞大的SQL TUNING计划美图
- Java Calendar 类时间操作
- 程序中载入文件的斜杠方向问题
- HDU 3549 Flow Problem
- 关于弹出层的layer
- GraphicLayer查询功能和更新详解
- MFC相关知识(二)