菜单常用：复位全部并设置某个项的样式

   <script language="JavaScript"  type="text/javascript">
  function onsel(theobj)
  {
    //父对象的所有子对象复位
 var obj=document.getElementById("navbar"); //取得上级对象
 //alert(obj.childNodes[0].childNodes[0].innerHTML);  //页面对象的表达式
 for(i=0;i<obj.childNodes.length;i++)
 {
    obj.childNodes[i].childNodes[0].className="";  //复位状态
 }
 
    theobj.className="curmenu";   //设置状态
  }
</script>

页面的结构是
<div id=navbar> <ul> <li> <a href="#" target="leftFrame" onclick="javascript:onsel(this);window.open('home.aspx','mainFrame')">首页</a></li>
                                 <li>...