div 隐藏和显示

原创 2012年03月22日 10:52:07

内容:
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显示隐藏

  • 2011年09月24日 10:21
  • 30KB
  • 下载

div左侧显示和隐藏

  • 2013年05月03日 09:25
  • 4KB
  • 下载

js 鼠标点击一个按钮显示div的浮动框,点击页面其他任何地方后,隐藏浮动框

在本文为大家介绍两种思路实现点击页面其它地方隐藏该div,第一种是对document的click事件绑定事件处理程序..详情请参考本文 思路一 第一种思路分两步 第一步:对document的c...

js div弹出框 显示与隐藏

  • 2015年12月23日 11:39
  • 2KB
  • 下载

精美的div隐藏与显示

  • 2008年12月10日 10:44
  • 19KB
  • 下载

JS+CSS简单实现DIV遮罩层显示隐藏

DIV CSS遮罩层 function showdiv() { document.getElementById("bg").style.display...

ajax控制div窗口显示和隐藏

  • 2012年12月11日 02:00
  • 36KB
  • 下载

jQuery事件-div的显示隐藏及鼠标的移入移出

jQuery事件-div的显示隐藏及鼠标的移入移出 .header{ width:302px; height:40px; background:green; font-size:20px; ...

js点击隐藏和显示div

display function hidetext() { var mychar = document.getElementById("con").styl...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:div 隐藏和显示
举报原因:
原因补充:

(最多只允许输入30个字)