用javascript 建 tree

问题： 总是用别人的框架写树以为很难，其实。。。
解决：以 if event.srcElement.id=="foldheader1" 得到选项
         var srcIndex = event.srcElement.sourceIndex
         再 var nested = document.all[srcIndex+1] 取出选择的下一个 ( +1 )
              nested.style.display=' ？？ ' 就可以了
             并注意结构是
                         <选项/>  
                            <url>   //srcIndex+1 下个 可见不可见 就是 <url>
                               <li>...</li>
                                <li>...</li>
                                 ....
                            </url>

< HEAD >

     < SCRIPT  language =JavaScript1.2 >
     function  change(){
        if ( ! document.all)
           return
        if  (event.srcElement.id == " foldheader1 " ) {
           var  srcIndex  =  event.srcElement.sourceIndex
          
           var  nested  =  document.all[srcIndex + 1 ]

           if  (nested.style.display == " none " ) {
             nested.style.display = ''
          }
           else  {
             nested.style.display = " none "
          }
       }
    }
     </ SCRIPT >

     < STYLE >
        #foldheader1  {      <!-- 图的加入-->
            CURSOR :  hand ;  LIST-STYLE :  url(../rlzy/images/imbrex.gif) 
         }
     </ STYLE >
</ HEAD >
< BODY  leftMargin =0  rightMargin =0  onload ="window.status='';" >
   < font  size ="-1" >
<!--  DIV id=Layer7 style="HEIGHT: 127px; LEFT: -1px; POSITION: absolute; TOP: 34px; WIDTH: 47px; Z-INDEX: 1"></DIV -->
< DIV  id ="Layer2"  style ="HEIGHT: 134px; LEFT: 2px; POSITION: absolute; TOP: 30px; WIDTH: 193px; Z-INDEX: 3" >
   < UL  style ="MARGIN-LEFT: 20px" >  
        
        
        
         < li >
           < a  href ="#"  onClick ="change()"  id ="foldheader1" > 乘务员基本档案 </ a >
           < ul  id =foldinglist  style ="''"  style ="MARGIN-LEFT: 10px" >
             < li >< a  href ="/rlzy/jcyy/basePersonnelList.do?do=byCorp"  target ="content" > 人员基本档案1 </ a ></ li >
             < li >< a  href =""  target ="content" > 人员基本档案2 </ a ></ li >
           </ ul >
         </ li >
        
       </ UL >
     </ DIV >         
   </ font >
</ BODY >
</ html >

< FRAMESET  rows ="84,*"  cols ="*"  frameborder ="no"  framespacing ="0"  border ="0" >
   < FRAME  src ="header.html"  name ="header"  scrolling ="no" >
   < FRAMESET  cols ="125,*"  frameborder ="no"  framespacing ="0"  border ="0" >
     < FRAME  name ="treefrm"  src ="dir2.jsp?code=0"  scrolling ="no" >
     < FRAME  name ="content"  src ="welcome.jsp" >
   </ FRAMESET >

心得：其实很简单，只是你不知道