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

主要是display 和 visibility 属性

 见下面的代码:

js 代码
  1.   
  2.   
  3. "显示第一个层" οnclick="showfistDiv();">   
  4. "显示第二个层" οnclick="showsecDiv();">   
  5. "border:1px solid #000;display:none">www.eudown.com
  6. "border:1px solid #000;visibility:hidden">www.78land.com
      
  7.   
  8. "javascript">   
  9.   var b = new Object();   
  10.   b = document.getElementById("fly");   
  11.      
  12.   var c = new Object();   
  13.   c = document.getElementById("fine");   
  14.   
  15.   function showfistDiv() {   
  16.    b.style.display="";   
  17.   }   
  18.   function showsecDiv() {   
  19.    c.style.visibility="visible";   
  20.   }   
  21.   
  22.   

  

附加:2007-04-28

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

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

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

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

你可能感兴趣的:(js)