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>