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

Posted 2023-03-01 zjzjt

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[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="";//显

以上是关于[HTML]显示/隐藏DIV的技巧(visibility与display的差别)的主要内容，如果未能解决你的问题，请参考以下文章