[HTML]显示/隐藏DIV的技巧(visibility与display的差别)

====>我的新浪小铺

 

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=""; // 显示

 

 

 

转载于:https://www.cnblogs.com/dshjava/archive/2010/10/08/1845788.html

你可能感兴趣的:([HTML]显示/隐藏DIV的技巧(visibility与display的差别))