中文XML论坛--[原创]通过javascript+DOM方式遍历XML节点(四)

通过javascript+DOM方式遍历XML节点(四)

*****************************************
*版权作者：Qr
*成文时间：2007/07/27 13:30:00
*原创站点：http://Qr.blogger.org.cn
*版权声明：转载请保留版权信息
*****************************************

代码说明：
本代码仍沿用Recursion的思路，以for(无限)循环重写代码，性能上比用javascript的递归更胜一筹，但相对前两篇来讲，性能上改进不大，只是代码更简洁，结构更清晰了。

JAVASCRIPT实现：

function main(){
createXmlDom("parser.xml");
xmlparser(xml.documentElement);
}

function createXmlDom(xmlUrl){
    xml = new ActiveXObject("Msxml2.DOMDocument");
    xml.async=false;
    xml.load(xmlUrl);
}

    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;
}

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节点(一)

[此贴子已经被作者于2007-7-28 8:12:14编辑过]

*树形目录（最近20个回帖）	顶端
主题： [原创]通过javascript+DOM方式遍历XML节点(四)(5980字) － Qr，2007年7月27日
回复：文章写的相当不错啊!顶起来(25字) － sunny0311，2007年9月24日
回复： for...in 可以用来遍历object里的所有属性，不过据说for循环的效率比较底的。。。真的..(131字) － yanhongzhao，2007年9月22日
回复： Qr大的文章排版都很认真，赞。(28字) － VictorWoo，2007年8月7日
回复：真的好晕啊，不知道这个是做什么用的。顺便提个问题：我知道xml文档的结构，然后知道节点名，怎么取..(137字) － happy-wind，2007年8月4日
回复：看着有些糊涂(12字) － roverhuang，2007年7月28日


	W 3 C h i n a ( since 2003 ) 旗下站点苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》	78.125ms