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. <script language=< span="">"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. </script>  
22.   

  

附加：2007-04-28

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

display  属性 设置为 none 时 则释放空间，这个特性在用在 对象（如：div）无限级 递归 上 很有用。

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

会随着相应子节点的增加，间距变大！！