显示/隐藏DIV的技巧(visibility与display的差别)
2011-06-20 16:20
411 查看
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
- 简单运用Javascript,使<input/>控制display属性div的显示隐藏
- CSS中元素的隐藏和显示(visibility, display)
- 控制HTML元素的显示与隐藏——display和visibility
- 控制HTML元素的显示与隐藏——display和visibility