您的位置：首页 > 其它

div 隐藏和显示

2014-02-18 11:39 141 查看
转自：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;
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航