div 隐藏和显示
2013-08-26 13:27
197 查看
内容:
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;
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;
相关文章推荐
- jquery显示和隐藏div特效实例
- jquery显示隐藏div
- jquery和js实现对div的隐藏和显示方法
- div 显示与隐藏
- 基于jquery实现的定时显示与隐藏div广告的实现代码
- 显示隐藏div并验证提交,下拉框赋值
- 【技巧】div超出文字隐藏并显示省略号
- 下拉菜单中控制div显示或隐藏
- 简单运用Javascript,使<input/>控制display属性div的显示隐藏
- div显示隐藏
- 利用一个按钮控制DIV的显示与隐藏
- JS this 的使用 隐藏显示某段DIV
- js隐藏显示div
- div 隐藏和显示
- div 显示滚动条与div显示隐藏的CSS代码
- div显示隐藏效果
- Div显示/隐藏
- div隐藏和显示
- 鼠标悬浮移出控制div的显示与隐藏
- 利用JS做到隐藏div和显示div!!