隐藏div

一.方式1：隐藏后仍占有页面空间，显示空白

div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白

style=”visibility: none;”
document.getElementById(“typediv1”).style.visibility=”hidden”;//隐藏
document.getElementById(“typediv1”).style.visibility=”visible”;//显示

二.方式2：隐藏后释放占用的页面空间

通过设置display属性可以使div隐藏后释放占用的页面空间，如下

style=”display: none;”
document.getElementById(“typediv1”).style.display=”none”;//隐藏
document.getElementById(“typediv1”).style.display=”“;//显示

注意：

使用第二方式更人性化，但是，用div.style.display=“none”隐藏会引起，div里面的东西休眠，里面的事件就不响应了。

最好将div里面的对象的width或height设成0.比如：div里面有一个player的iframe.
document.frames[‘player’].frameElement.height=0;