XML DOM 遍历Xml文档

1.xml文档内容：

<?xml version="1.0" encoding="utf-8" ?>

<bookstore>



  <book category="children">

    <title lang="en">Harry Potter</title>

    <author>J K. Rowling</author>

    <year>2005</year>

    <price>29.99</price>

  </book>



  <book category="cooking">

    <title lang="en">Everyday Italian</title>

    <author>Giada De Laurentiis</author>

    <year>2005</year>

    <price>30.00</price>

  </book>



  <book category="web">

    <title lang="en">Learning XML</title>

    <author>Erik T. Ray</author>

    <year>2003</year>

    <price>39.95</price>

  </book>



  <book category="web">

    <title lang="en">XQuery Kick Start</title>

    <author>James McGovern</author>

    <author>Per Bothner</author>

    <author>Kurt Cagle</author>

    <author>James Linn</author>

    <author>Vaidyanathan Nagarajan</author>

    <year>2003</year>

    <price>49.99</price>

  </book>



</bookstore>

XML文档内容

2.封装解析xml文档函数到loadxmldoc.js文件中

function loadXMLDoc(dname) 

{

try //Internet Explorer

  {

  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");//创建空的微软xml文档对象

  }

catch(e)

  {

  try //Firefox, Mozilla, Opera, etc.

    {

    xmlDoc=document.implementation.createDocument("","",null);//其他浏览器通过解析器创建xml文档对象

    }

  catch(e) {alert(e.message)}

  }

try 

  {

  xmlDoc.async=false;//关闭异步加载，确保文档加载完之前解析器不会继续执行脚本

  xmlDoc.load(dname);//加载文档

  return(xmlDoc);//返回xml文档对象

  }

catch(e) {alert(e.message)}

return(null);

}

3.遍历xml文档下所有节点

<script type="text/javascript" src="Scripts/loadxmldoc.js">//引入loadxmldoc.js文件

</script>



<script type="text/javascript">

    xmlDoc = loadXMLDoc("books.xml");//创建文档对象

    x = xmlDoc.documentElement.childNodes;//获取根节点下的子节点

    for (i = 0; i < x.length; i++) {

        if (1==x[i].nodeType){//是否为元素节点

            document.write(x[i].nodeName);//标签名

            document.write("<br/>");

            y = x[i].childNodes;//获取子节点

            for (j = 0; j < y.length; j++) {

                if (1==y[j].nodeType) {//是元素节点

                    document.write(y[j].nodeName);//标签名

                    document.write(":");

                    document.write(y[j].childNodes[0].nodeValue);//文本

                    document.write("<br/>");

                }

            }

            document.write("<br/>");

        }

    }



</script>