JAVASCRIPT实现：
<script language="javascript">
/*
******************************************************
*代码：Qr http://Qr.blogger.org.cn *
*时间：2006/07/15 21:36:00 *
*功能：遍历XML的所有节点，仿IE浏览XML方式输出 *
*类型：支持TEXT、CDATA、COMMENT、ELEMENT节点*
******************************************************
*/
var xml = null , format = "" , fo = " " ;
function main(){
createXmlDom("parser.xml");
Recursion(xml.documentElement);
}
function createXmlDom(xmlUrl){//这里大家可以自己处理一下，以适应不同浏览器
xml = new ActiveXObject("Msxml2.DOMDocument");
xml.async=false;
xml.load(xmlUrl);
}
function Recursion(o) {
if(typeof(o)=="number")return;
if(o.nodeType==3 || o.nodeType==4 || o.nodeType==8){
switch(o.nodeType){
case 3://[TEXT型节点]
if(o.nextSibling || o.previousSibling)document.write("<br>"+format);
document.write(o.nodeValue);
//针对混合节点的末节点为文本节点的情况
if(!o.nextSibling && o.previousSibling){
document.write("<br>"+format.substr(0,format.length-24));
}
break;
case 4://[CDATA型节点]
document.write("<br>"+format+"<![CDATA["+o.nodeValue+"]]>");//.replace("<","<")
break;
case 8://[COMMENT型节点]
document.write("<br>"+format+"<!--"+o.nodeValue+"-->");//.replace("<","<")
break;
}
if(o.nextSibling){
//#有同级兄弟元素节点#//
return arguments.callee(o.nextSibling);
}else{
//#返回上级相邻未解析节点#//
return arguments.callee(N2NP(o.parentNode));
//开始因为N2NP这个函数有问题，所以用try{}catch(e){}
//try{return arguments.callee(N2NP(o.parentNode));}catch(e){document.write
("<b><i>err:"+e+"</i></b>")};
}
}
if(!o.hasChildNodes()){//[空无素（ELEMENT）或仅含属性（ATTRIBUTE）]
if(o!=xml.documentElement)document.write("<br>");
if(o.nodeType==1)document.write(format+"<"+o.nodeName);
if(o.attributes.length>0)attrparser(o);
document.write("/>");
if(o.nextSibling){
//#有同级兄弟元素节点#//
return arguments.callee(o.nextSibling);
}else{
//针对混合节点的末节点为空元素的情况
if(o.previousSibling)document.write("<br>"+format.substr(0,format.length-24));
//#返回上级相邻未解析节点#//
return arguments.callee(N2NP(o.parentNode));
//开始因为N2NP这个函数有问题，所以用try{}catch(e){}
//try{return arguments.callee(N2NP(o.parentNode));}catch(e){document.write("<b>err:"+e+"</b>")};
}
}
if(o.hasChildNodes()){//有子节点，包括：TEXT、CDATA、COMMENT、ELEMENT
if(o.nodeName!=xml.documentElement.nodeName)document.write("<br>");
if(o.nodeType==1)document.write(format+"<"+o.nodeName);
if(o.attributes.length>0)attrparser(o);
document.write(">");
if(o.hasChildNodes()){//#有下级元素节点#//
format += fo;
return arguments.callee(o.firstChild);
}else{
if(o.nextSibling){//#有同级兄弟元素节点#//
return arguments.callee(o.nextSibling);
}
}
}
}
function N2NP(p){//alert(p.nodeName+":"+p.nodeValue)
if(p.nextSibling){
format = format.substr(0,format.length-24);
//输出关闭标记
if(p.nodeType==1 && p.firstChild.nodeType==3)document.write("</"+p.nodeName+">");
if(p.nodeType==1 && p.firstChild.nodeType!=3)document.write("<br>"+format+"</"+p.nodeName+">");
return p.nextSibling;//返回相邻节点
}else{
format = format.substr(0,format.length-24);
//输出关闭标记
if(p.parentNode && p.firstChild.nodeType==3)document.write("</"+p.nodeName+">");
if(p.parentNode && p.firstChild.nodeType!=3)document.write("<br>"+format+"</"+p.nodeName+">");
if(p==xml.documentElement){return 0;}else{//如果不进行判断，函数将返回#document，导致错情
return arguments.callee(p.parentNode);//#返回上级相邻未解析元素节点#//
}
}
}
function attrparser(o){//遍历节点元素
if(o.attributes){
var attr = o.attributes;
for(i=0;i<attr.length;i++){
document.write(" "+attr[i].nodeName+'="'+attr[i].firstChild.nodeValue+'"');
}
}
}
main();
</script>
测试用XML文档：
parser.xml:
<?xml version="1.0" encoding="gb2312" ?>
<root>
<!--COMMENT和CDATASection作为首个子节点在此出现没问题-->
<elements attribute="来个无文本节点试试，哈哈，没问题"/>
<elements>
<element attribute1="随便啦" attribute2="再多一个又如何">只有一行文本的节点</element>
<CDATASection>
<![CDATA[CDATASection和COMMENT相邻出错？※搞掂※]]>
<!--COMMENT和CDATASection相邻出错？※搞掂※-->
</CDATASection>
<COMMENT>
<!--针对以上相邻出错的问题将两个类型节点换个次序-->
<![CDATA[已经没有问题啦]]>
</COMMENT>
<CDATASection>
<![CDATA[CDATASection嵌套在一个空节点内]]>
</CDATASection>
<elem1>
<elem2>
既然已经解决，再加一个文本节点再这里试试！
<elem3>
<![CDATA[CDATASection嵌套在多级空节点内出错？※搞掂※]]>
</elem3>
再再加一个文本节点再这里试试，没问题！
</elem2>
</elem1>
<![CDATA[CDATASection嵌套在两级以上节点均已调试通过]]>
<COMMENT>
<!--COMMENT嵌套在一级空节点中-->
</COMMENT>
<COMMENT>
<!--再加一个在此处-->
<comment>
<!--COMMENT嵌套在多级空节点中-->
</comment>
</COMMENT>
<!--COMMENT嵌套在两级以上节点均已调试通过-->
<!--COMMENT-->
<![CDATA[CDATASection]]>
<ELEMENT ATTRIBUTE="属性值">元素文本</ELEMENT>
<![CDATA[CDATASection混杂在节点中]]>
<中文节点>已经定义了encoding，没问题的</中文节点>
<!--COMMENT混杂在节点中-->
<ELEM>ELEM1</ELEM>
<ELEM>ELEM2</ELEM>
<ELEM>ELEM3</ELEM>
<EMPTY>
<empty>
<noValue/>
</empty>
</EMPTY>
<!--两级及以上空节点嵌套已通过-->
<ELEMENT>
<element 属性="attribute" 还是属性="ATTRIBUTE">两级节点嵌套，含文本</element>
</ELEMENT>
<ELEMENT>
<element>
<elem>多级节点嵌套，含文本</elem>
<!--COMMENT或CDATASection在末尾有问题！※搞掂※-->
</element>
</ELEMENT>
<interfusion>
<!---->
混合节点调试通过
<element>
element value
<empty/>
</element>
空元素调试通过
<!--COMMENT-->
<![CDATA[CDATASection]]>
Text
<ELEMENT>ELEMENT VALUE</ELEMENT>
TEXT
<![CDATA[COMMENT或CDATASection在末尾有问题！※搞掂※]]>
</interfusion>
</elements>
<!--COMMENT或CDATASection作为根节点的末子节点有问题！※搞掂※-->
<![CDATA[你会不会设计如此结构的XML文档，反正偶不会，看着就头痛□]]>
</root>
缺点：自定义函数Recursion()所使用的javascript递归更加严重影响了遍历和性能，对于体积庞大的XML文档，不能完整将其节点遍历出来了。
详阅：http://blogger.org.cn/blog/more.asp?name=Qr&id=26476
[返回] 中文XML论坛 - 专业的XML技术讨论区 →
XML.ORG.CN讨论区 - XML技术 → 『 XML基础 』 → [原创]通过javascript+DOM方式遍历XML节点(一)[摘要]
(订阅本版)
2007/7/19 0:06:00
顶端 
[原创]通过javascript+DOM方式遍历XML节点(一)[摘要]..(7794字) － Qr，2007年7月19日
新浪微博
