Qr's blog--通过javascript+DOM方式遍历XML节点(四)[原创]

通过javascript+DOM方式遍历XML节点(四)[原创]　

2007/7/27 13:30:00

通过javascript+DOM方式遍历XML节点(四) ******************************************版权作者：Qr *成文时间：2007/07/27 13:30:00 *原创站点：http://Qr.blogger.org.cn *版权声明：转载请保留版权信息***************************************** 代码说明：本代码仍沿用Recursion的思路，以for(无限)循环重写代码，性能上比用javascript的递归更胜一筹，但相对前两篇来讲，性能上改进不大，只是代码更简洁，结构更清晰了。JAVASCRIPT实现： <script language="javascript">/*****************************************************代码：Qr http://Qr.blogger.org.cn *时间：2007/07/15 22:50:00*功能：遍历XML的所有节点、属性，仿IE浏览XML方式输出*类型：支持TEXT、CDATA、COMMENT、ELEMENT节点****************************************************/var xml = null,format = "",fo = "    ";function main(){ createXmlDom("parser.xml"); xmlparser(xml.documentElement);}function createXmlDom(xmlUrl){ xml = new ActiveXObject("Msxml2.DOMDocument"); xml.async=false; xml.load(xmlUrl);}function xmlparser(o) {for(;;){ if(o.nodeType==3 || o.nodeType==4 || o.nodeType==8){//o.hasChildNodes()==false switch(o.nodeType){ case 3://[TEXT型节点] if(o.nextSibling || o.previousSibling)document.write(" "+format) document.write(o.nodeValue); if(!o.nextSibling && o.previousSibling){//针对混合节点的末节点为文本节点的情况 document.write(" "+format.substr(0,format.length-24)); } break; case 4://[CDATA型节点] document.write(" "+format+"<![CDATA["+o.nodeValue+"]]>"); break; case 8://[COMMENT型节点] document.write(" "+format+""); break; } if(o.nextSibling){//#有同级兄弟元素节点#// o=o.nextSibling; continue; }else{//#返回上级相邻未解析节点#// o=N2PN(o.parentNode); if(o==xml.documentElement)break;//避免死循环 continue; } } if(!o.hasChildNodes()){//[空无素（ELEMENT）或仅含属性（ATTRIBUTE）] if(o!=xml.documentElement)document.write(" "); if(o.nodeType==1)document.write(format+"<"+o.nodeName); if(o.attributes.length>0)attrparser(o); document.write("/>"); if(o.nextSibling){//#有同级兄弟元素节点#// o=o.nextSibling; continue; }else{//#返回上级相邻未解析节点#// if(o.previousSibling)//针对混合节点的末节点为空元素的情况 document.write(" "+format.substr(0,format.length-24)); o=N2PN(o.parentNode); if(o==xml.documentElement)break;//避免死循环 continue; } } if(o.hasChildNodes()){//有子节点，包括：TEXT、CDATA、COMMENT、ELEMENT if(o!=xml.documentElement)document.write(" "); if(o.nodeType==1)document.write(format+"<"+o.nodeName); if(o.attributes.length>0)attrparser(o); document.write(">"); if(o.hasChildNodes()){ format += fo; o=o.firstChild;//#有下级元素节点#// continue; }else{ if(o.nextSibling){//#有同级兄弟元素节点#// o=o.nextSibling; continue; } } }}}function N2PN(p){ 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(" "+format+"</"+p.nodeName+">"); p = p.nextSibling; }else{ for(;;){ 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(" "+format+"</"+p.nodeName+">"); if(p==xml.documentElement)break; p=p.parentNode;//如果没有上面一行，将遍历到#document if(p.nextSibling){ format = format.substr(0,format.length-24); document.write(" "+format+"</"+p.nodeName+">"); p = p.nextSibling; break; } continue; } } return p;}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> 写在最后:文章写到这里，与其说是教程，不如说是学习笔记。工科出身，文笔很差，见笑了。基本上就这样了，只是到目前，如此这般(js+DOM)遍历XML节点有什么作用和意义我还是不明白，但这次写学习笔记，我更清楚的了解了DOM的运行机制和处理XML的方法，足够了！现在都提倡面向对象的程序设计，javascript也不例外，我按照xmlparser的思路，也对代码进行了重构，只是没有一款好用的调试软件，遇到了一个问题至今未能查决，也不知道性能如何，看情况再说吧，希望代码能顺利通过调试，这样第5篇笔记就有机会让大家拍砖头了:-) javascript并非我的强项,只是写WEB系统要用到,这才临时抱佛脚,各位如有更好的遍历方法,请务必共享呵!另外，似乎javascript中的for...in语句也适合写这个程序，只是偶不太熟悉for...in语句来处理object，哪位熟悉的，写点简单代码给偶参考参考。相关文章：通过javascript+DOM方式遍历XML节点(三)[原创] 通过javascript+DOM方式遍历XML节点(二)[原创] 通过javascript+DOM方式遍历XML节点(一)[原创]

Posted by Qr on 2007/7/27 13:30:00