树菜单js网上多得是，自己写了一个树菜单类，自认为还不错，公开大家共享和探讨，和大家一起进步最快乐！！ /* KuoMart.com__MyKuoMart , Create By ybcola(at)163.com , 2006-7-2 Last Modified 2006-7-2 , ybcola@163.com */ <!-- function Dtree(){ this.MenuGroupClose="images/treeview_close.gif"; //菜单关闭图标 this.MenuGroupOpen="images/treeview_open.gif"; //菜单打开图标 this.MenuItemClass=""; //菜单项样式 this.MenuItemInfoClass=""; //菜单链接样式 this.MenuItemlPad="12px";//下级菜单缩进仁值 this.DefaultGroupState=false; //菜单组装入时默认状态 document.write("<div id="treeroot"></div>"); this.Node=document.getElementById("treeroot"); //0结点DOM对像,数组1为连接显示，2为连接href，3为连接target,4为连接显示前图标 this.AddItem=function(menuinfo){ var div=creatediv(); var div1=creatediv(); var ico=[this.MenuGroupClose,this.MenuGroupOpen]; div.className=this.MenuItemClass; div1.style.marginLeft=this.MenuItemlPad; div1.style.display=this.DefaultGroupState?"":"none"; var Node=menuinfo[0]?menuinfo[0][1]:this.Node; var iteminfo=""; if(menuinfo[4]) iteminfo="<img src=""+menuinfo[4]+"" align="absmiddle">"; if(menuinfo[2]) iteminfo+=" <a href=""+menuinfo[2]+"" target=""+menuinfo[3]+"" class=""+this.MenuItemInfoClass+"">"; iteminfo+=menuinfo[1]; if(menuinfo[2])iteminfo+="</a>"; div.innerHTML=iteminfo; Node.appendChild(div); Node.appendChild(div1); if(menuinfo[0]){ if(!menuinfo[0][0].havechild) { var as=document.createElement("img"); as.src=ico[1]; as.align="absmiddle"; as.onclick=function(){ swapshow(Node,as,ico); } menuinfo[0][0].insertBefore(as,menuinfo[0][0].firstChild); as.insertAdjacentText("afterEnd"," "); menuinfo[0][0].havechild=true; } } return [div,div1]; } function creatediv(){ var div=document.createElement("div"); return div; } function swapshow(obj,ico,oo){ if(obj.style.display!=""){ obj.style.display=""; ico.src=oo[0]; } else{ obj.style.display="none"; ico.src=oo[1]; } } } -->

　　推荐阅读

　　用js判断浏览器是否是IE的比较好的办法

一般常用方法是document.all if(document.all){ //IE代码 }else{ //其他 } 其实这么做不够，document.all能区分出FireFox,却无法区分Opera，因为Opera支持document.all. 我现在的做法是： var isIE = documen>>>详细阅读

本文标题：javascript+dom树型菜单类，希望朋友们一起进步

地址：http://www.17bianji.com/kaifa2/JS/30494.html

 1/2    1