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

Posted 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的差别)的主要内容,如果未能解决你的问题,请参考以下文章

html隐藏和显示div的问题

html显示隐藏div

div隐藏和显示

如何实现js控制div的隐藏及显现

div隐藏和显示

JS 隐藏显示DIV