显示/隐藏DIV的技巧(visibility与display的差别)
2010-11-14 17:40
405 查看
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白:
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden"; // 隐藏
document.getElementById("typediv1").style.visibility="visible"; // 显示
通过设置display属性可以使div隐藏后释放占用的页面空间，如下
style="display: none;"
document.getElementById("typediv1").style.display="none"; // 隐藏
document.getElementById("typediv1").style.display=""; // 显示
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden"; // 隐藏
document.getElementById("typediv1").style.visibility="visible"; // 显示
通过设置display属性可以使div隐藏后释放占用的页面空间，如下
style="display: none;"
document.getElementById("typediv1").style.display="none"; // 隐藏
document.getElementById("typediv1").style.display=""; // 显示
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- 显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- div 显示与隐藏，display与visibility的差别
- 隐藏和显示div的两种方法（display和visibility）
- 两种div隐藏和显示方式的区别visibility和display
- 控制HTML元素的显示与隐藏——display和visibility
- 显示 隐藏DIV的技巧
- DIV中display和visibility属性差别
- 【技巧】div超出文字隐藏并显示省略号
- 显示和隐藏元素display&&visibility