如何设置页面元素的显示和隐藏？
2017-05-27 08:01
281 查看
主要用到两个属性，visibility和display，区别在于：属性的值不同：visibility属性的值有：visible（可见），hidden（不可见），Display属性的值有：none(不可见),block（可见）。
visibility属性设置元素不可见时，元素仍然占据页面上的空间，而display属性设置元素不可见不会占据页面上的空间。
代码示例：
1) document.getElementById('对象1').style.display = "none";(会释放元素所在页面上所占的空间)
2) document.getElementById('对象1').style.visibility= "visible";(不会释放元素所在页面上所占的空间)
visibility属性设置元素不可见时，元素仍然占据页面上的空间，而display属性设置元素不可见不会占据页面上的空间。
代码示例：
1) document.getElementById('对象1').style.display = "none";(会释放元素所在页面上所占的空间)
2) document.getElementById('对象1').style.visibility= "visible";(不会释放元素所在页面上所占的空间)
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 如何依照自己的意愿隐藏和显示页面上的元素
- 如何利用js 控制 页面元素的隐藏显示
- frameset框架如何使左边页面显示，隐藏?wj-wangjun
- Flex中如何通过includeInLayout和visible属性设置Form显示或隐藏
- WebDriver 如何获取页面中的隐藏元素（悬浮菜单）
- js控制页面元素的隐藏与显示
- Ribbon 如何设置显示和隐藏
- JavaScript中显示隐藏页面元素
- javascript控制页面元素的显示与隐藏
- WIN7 如何设置文件管理器显示隐藏文件
- Adobe Form, 设置某页面元素, 只在最后一页显示
- JavaScript网站设计实践（四）编写about.html页面，利用JavaScript和DOM，选择性的显示和隐藏DIV元素
- JS设置隐藏或者显示,不刷新页面的情况下动态设置其显示或隐藏
- javascript 控制 页面元素 显示/隐藏
- js隐藏/显示页面元素的两种方法
- 如何显示和隐藏页面左框架
- JavaScript控制页面元素显示隐藏
- 如何隐藏选择屏幕的元素以及设置元素特性
- JBoss 系列八十八： JBoss 安全问题 - 如何隐藏 web 应用出错时页面上显示的 JBoss 信息
- MySQL数据库中字段设置了zerofill，页面上显示时整数前仍带有0以及如何查询字段注释