Div 可见与不可见的两种方法

本文探讨了使用CSS的visibility和display属性控制div元素的显示与隐藏。通过JavaScript触发两种不同的效果,visibility:hidden保留空间而display:none则释放空间。这对于布局调整及无限级递归的动态树结构尤为重要。
摘要由CSDN通过智能技术生成
  1. "显示第一个层" οnclick="showfistDiv();">   
  2. "显示第二个层" οnclick="showsecDiv();">   
  3. "border:1px solid #000;display:none">www.eudown.com
  4. "border:1px solid #000;visibility:hidden">www.78land.com
      
  5.   
  6. <script language=< span="">"javascript">   
  7.   var b = new Object();   
  8.   b = document.getElementById("fly");   
  9.      
  10.   var c = new Object();   
  11.   c = document.getElementById("fine");   
  12.   
  13.   function showfistDiv() {   
  14.    b.style.display="";   
  15.   }   
  16.   function showsecDiv() {   
  17.    c.style.visibility="visible";   
  18.   }   
  19. </script>  
  20.   

  

附加:2007-04-28

visibility  属性在设置为 hidden  时 ,在页面上并不释放 对象的空间

display  属性 设置为 none 时 则释放空间,这个特性在用在 对象(如:div)无限级 递归 上 很有用。

笔者最近在做无限级动态树的时候,用的纯div 实现,就遇到了上面的问题。起初采用的visibility 属性,结果树的兄弟节点之间

会随着相应子节点的增加,间距变大!! 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值