当前位置: 代码迷 >> HTML/CSS >> 展示和隐藏html组件
  详细解决方案

展示和隐藏html组件

热度:103   发布时间:2012-10-25 10:58:57.0
显示和隐藏html组件

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


  相关解决方案