通过js生成树

JS

function selDep()
    {
        var source = new ActiveXObject('Microsoft.XMLDOM'); 
        source.async = false;
        source.load("../UserXml/MenuXML.xml");  
        root = source.documentElement; 
        var title1 =""; 
        var title="";       //显示的小组
        var link ="";       //连接页面
        var Depname = "";   //部门名称
        var test = "";      //
        for(i=0;i<root.childNodes.length;i++)
        {
            if(root.childNodes(i).childNodes.length >1)
            {
                if(i==(root.childNodes.length-1))
                {
                    Depname ="<tr><td id='b1"+i+"' class='menu1B' οnmοuseup=change('a1"+i+"','b1"+i+"')>"+ root.childNodes(i).childNodes(0).text+"</td></tr><tr id='a1"+i+"'><td class='listfoot'><table>";
                }
                else
                {
                    Depname ="<tr><td id='b1"+i+"' class='menu1B' οnmοuseup=change('a1"+i+"','b1"+i+"')>"+ root.childNodes(i).childNodes(0).text+"</td></tr><tr id='a1"+i+"'><td class='list'><table>";
                }
             var Main ="";  //显示所有小组
             for(j=1;j<root.childNodes(i).childNodes.length;j++)
             {
                 if(root.childNodes(i).childNodes(j).childNodes.length>0)
              {
                   title1 = root.childNodes(i).childNodes(j).getAttribute("title");
                   Main +="<tr><td  id='bList"+j+"' class='menu1ListB' οnclick=changeList('aList"+j+"','bList"+j+"')>"+title1+"</td></tr><tr id='aList"+j+"'><td><table>";
                  
                  for(k=0;k<root.childNodes(i).childNodes(j).childNodes.length;k++)
                  {
                      title = root.childNodes(i).childNodes(j).childNodes(k).getAttribute("title");
                      link = root.childNodes(i).childNodes(j).childNodes(k).getAttribute("alink");
                      if(k ==(root.childNodes(i).childNodes(j).childNodes.length-1))
                      {
                          Main +="<tr><td class='fileFoot'><a href='"+link+"'  target='MenuMain'>"+title+"</a></td></tr>";
                      }
                      else
                      {
                          Main +="<tr><td class='file'><a href='"+link+"'  target='MenuMain'>"+title+"</a></td></tr>";
                      }
                  }
                  Main +="</table></td></tr>";
              }
              else
              {
                   title = root.childNodes(i).childNodes(j).getAttribute("title");
                   link = root.childNodes(i).childNodes(j).getAttribute("alink");
                   Main +="<tr><td class='file'><a href='"+link+"'  target='MenuMain'>"+title+"</a></td></tr>";
              }   
             }
             test = test + Depname + Main+"</table></td></tr>";
            }
        }
        var Count ="<table width='250px'><tr><td class='menuTop'><a href='MainCount.aspx' target='MenuMain'>EDI Web System</a></td></tr>"+test+"</table>";
        document.getElementById("divMenu").innerHTML = Count ;
    }

    function change(a,b)
    {
     if(eval(a).style.display=='')
     {
      eval(a).style.display='none';
      eval(b).className='menu1';
     }
     else
     {
      eval(a).style.display='';
      eval(b).className='menu1B';
     }
    }
    function changeList(a,b)
    {
     if(eval(a).style.display=='')
     {
      eval(a).style.display='none';
      eval(b).className='menu1List';
     }
     else
     {
      eval(a).style.display='';
      eval(b).className='menu1ListB';
     }
    } 

 

MenuXML.xml

<?xml version="1.0" encoding="utf-8" ?>
<Menu>
 <MenuNext>
  <MenuName>Dispatch_PO_New</MenuName>
  <MenuClass title="Order Dipatch" alink="../Dispatch_PO_New/OrderDipatch.aspx"></MenuClass>
 </MenuNext>
 <MenuNext>
  <MenuName>STNLCD</MenuName>
  <MenuNext2 title="EDI">
   <MenuClass title="ORDRSP" alink="../STNLCD/Generate855.aspx"></MenuClass>
   <MenuClass title="INVOICE" alink=""></MenuClass>
   <MenuClass title="DESADV" alink=""></MenuClass>
   <MenuClass title="EDI Status" alink=""></MenuClass>
   <MenuClass title="EDI PO Inquiry" alink=""></MenuClass>
  </MenuNext2>
  <MenuNext2 title="Sales">
   <MenuClass title="PO Change" alink=""></MenuClass>
   <MenuClass title="Part Maintenance" alink=""></MenuClass>
  </MenuNext2>
  <MenuNext2 title="Fulfillment">
   <MenuClass title="Upload Delivery" alink=""></MenuClass>
   <MenuClass title="Fulfill" alink=""></MenuClass>
   <MenuClass title="Unfulfill" alink=""></MenuClass>
   <MenuClass title="Insert Tracking" alink=""></MenuClass>
  </MenuNext2>
 </MenuNext>
 <MenuNext>
  <MenuName>ViewSonic</MenuName>
  <MenuClass title="PO Status" alink=""></MenuClass>
  <MenuClass title="Maintain and Send Mail" alink=""></MenuClass>
 </MenuNext>
</Menu>