我用了一个其他方法，不过有点小问题，请帮忙解决一下，先谢了：）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>XML生成树状菜单</title>
<style type="text/css">
#TreeMenu {
font-size: 12px;
width: 200px;
border: 1px dashed #666666;
padding: 10px;
}
#TreeMenu a
{
color: #666666;
text-decoration: none;
}
#TreeMenu a:hover
{
color: #666666;
text-decoration: underline;
}
#TreeMenu b
{
color: #333333;
}
</style>
<script type="text/javascript">
function toXML(strxml)
{
try
{
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.loadXML(strxml);
}
catch(e)
{
var oParser=new DOMParser();
xmlDoc=oParser.parseFromString(strxml,"text/xml");
}
return xmlDoc;
}
var str="<\?xml version='1.0'\?>
<list>
<parent Name='DTU设备'>
<first Name='D广东省' ID=''>
<second Name='D深圳市' ID=''>
<third Name='D福田区' ID='#'></third>
<third Name='D宝安区' ID='#'></third>
<third Name='D罗湖区' ID='#'></third>
</second>
<second Name='D广州' ID=''>
<third Name='D越秀区' ID='#'></third>
</second>
</first>
<first Name='D广西省' ID='#'>
<second Name='D贵港市' ID='#'></second>
<second Name='D南宁市' ID='#'></second>
</first>
<first Name='D湖南省' ID='#'></first>
</parent>
<parent Name='Router设备'>
<first Name='R广东省' ID='#'>
<second Name='R广州市' ID='#'></second>
<second Name='R佛山市' ID='#'></second>
</first>
</parent>
<parent Name='Vurleo设备'>
<first Name='V湖南省' ID='#'></first>
</parent>
</list>";
var xmlDoc=toXML(str);
var rootNode= xmlDoc.documentElement.lastChild;
//返回树形结构的HTML代码，参数node为节点名,level为当前节点相对于根节点的深度值
function BuilderTree(nodeName,level)
{
//子菜单项，缩进的像素数
var indent=10;
var temp="";
level=level==null ? 0 : level;
var nodes=nodeName.childNodes;
for(var i=0;i<nodes.length;i++)
{
//当该节点没下级节点时
if(nodes[i].childNodes.length<1)
{
//当前菜单的名称
temp+="<div id='"+nodes[i].getAttribute("ID")+"' style='margin-left:"+level*indent+"px;cursor:hand;''>";
temp+="<b>-</b> ";
temp+=nodes[i].getAttribute("Name");
temp+="</div>";
continue;
}
//当前菜单的名称
temp+="<div id='"+nodes[i].getAttribute("ID")+"' style='margin-left:"+level*indent+"px;cursor:hand;' onclick='show(this)'>";
temp+="<b>+</b> <b>"+nodes[i].getAttribute("Name")+"</b>";
temp+="</div>";
//当前菜单的下级内容
temp+="<div style='margin-left:"+indent+"px;cursor:hand;display:none'>";
temp+=BuilderTree(nodes[i],level+1);
temp+="</div>";
}
return temp;
}
//操作某个节点的下一节点nextSibling是否显示；
function show(obj)
{
//当前节点的下一节点
var nextNode=obj.nextSibling;
//当前节点的头部符号节点，就是菜单项前面+、-号
var subNode=obj.firstChild.firstChild;
if(nextNode.nodeType==1)
{
with(eval(nextNode))
{
if(style.display=="")
{
style.display="none";
subNode.nodeValue="+";
}else
{
style.display="";
subNode.nodeValue="-";
}
}
}
}
</script>
<script type="text/javascript" language="javascript" defer="defer">
//将处理过的XML数据，插入到页面的相应位置
var d=document.getElementById("TreeMenu");
d.innerHTML=BuilderTree(rootNode);
</script>
</head>
<body>
<div id="TreeMenu"></div>
</body>
</html>
用xmlDoc方法解析这个字符串在调用BuildTree的时候就提示rootNode未定义，使用外部引用一个xml文档解析就可以：
//建立XMLdom对象，并载入xml，xmlFilePath为xml的文本路径
function CreateXMLDoc(xmlFilePath)
{
if(window.ActiveXObject)
{
//获得操作的xml文件的对象
var msXMLdom = new ActiveXObject('Microsoft.XMLDOM');
msXMLdom.async = false;
msXMLdom.load(xmlFilePath);
return msXMLdom;
}
else
{
var oXmlHttp = new XMLHttpRequest() ;
oXmlHttp.open( "GET", xmlFilePath, false ) ;
oXmlHttp.send(null) ;
return oXmlHttp.responseXML;
}
}
var xmlDoc;
xmlDoc=CreateXMLDoc("menu.xml");
var rootNode=xmlDoc.lastChild; //确认目前节点中最后的子元素
但是服务器端传给我的是一个xml格式的字符串，麻烦老大帮忙看看，先谢谢了
[返回] 中文XML论坛 - 专业的XML技术讨论区 →
XML.ORG.CN讨论区 - XML技术 → 『 XML基础 』 → 求助：关于XML建立树形菜单的问题
(订阅本版)
2008/6/17 10:21:00
新浪微博
求助：关于XML建立树形菜单的问题
