實現JavaScript菜單

有時間我們會需要一個菜單，可以摺疊某些不需要顯示的部分。類似這樣的代碼我們可以通過javascript代碼來實現。
基本的原理就是動態的去改變一個div的css樣式display。控制讓它是否顯示。
當display＝"none"時它將不可見。而等於"" 時可見。

效果如下:
<script language="JavaScript"> </script>

Root

child 1
child 2
child 3

具體的代碼如下:

 <script language="JavaScript">
 <!--
  function change(f)...{
   var e;
   e = document.getElementById(f);//通過id獲取指定的元素
   e.style.display = e.style.display == "none" ? "" : "NONE";
  }
 //-->
 </script>

 <div onclick=change("child")>Root</div>
 <div id="child" style="DISPLAY:none">
  child 1 <br>
  child 2 <br>
  child 3 <br>
 </div>

 從這裏我們還可以推敲出來兩點：
1. 是否其它的html元素也具有這樣的屬性。例如table，span，答案是肯定的。
2. style屬性封裝了html元素的css樣式。通過這裏我們還可以訪問到其它的css樣式。