div 隐藏和显示

转自:http://aideehorn.iteye.com/blog/417558

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

注意:如果用div.style.display="none"隐藏会引起,div里面的东西休眠,里面的事件就不响应了。

最好将div里面的对象的width或height设成0。

比如:div里面有一个player的iframe。

document.frames['player'].frameElement.height=0;
原文地址:https://www.cnblogs.com/tv151579/p/3553942.html