首頁 > 開發者 > JavaScript
books.xml檔案
<?xml version="1.0" encoding="utf-8"?><br /><bookstore><br /><book category="COOKING"><br /> <title lang="en">Everyday Italian</title><br /> <author>Giada De Laurentiis</author><br /> <year>2005</year><br /> <price>30.00</price><br /></book><br /><book category="CHILDREN"><br /> <title lang="en">Harry Potter</title><br /> <author>J K. Rowling</author><br /> <year>2005</year><br /> <price>29.99</price><br /></book> </p><p><book category="WEB"><br /> <title lang="en">XQuery Kick Start</title><br /> <author>James Linn</author><br /> <author>Vaidyanathan Nagarajan</author><br /> <year>2003</year><br /> <price>49.99</price><br /></book><br /><book category="WEB"><br /> <title lang="zh">Learning XML</title><br /> <author>Erik T. Ray</author><br /> <year>2003</year><br /> <price>39.95</price><br /></book><br /></bookstore><br />
test.html檔案
<html><br /> <head><br /> <title>xpath test</title><br /> <mce:script type="text/javascript"><!--</p><p> var xmlDoc ;<br /> var exploer;<br /> loadXML();<br /> //載入Xml文檔<br /> function loadXML(){<br /> // IE 瀏覽器<br /> if (window.ActiveXObject) {<br /> exploer='ie';<br /> xmlDoc = new ActiveXObject("Microsoft.XMLDOM");<br /> xmlDoc.async= false;<br /> xmlDoc.load("books.xml");<br /> }<br /> // Mozilla, Firefox, Opera瀏覽器<br /> else if (document.implementation &&document.implementation.createDocument){<br /> exploer='firefox';<br /> xmlDoc = document.implementation.createDocument("","",null);<br /> xmlDoc.load("books.xml");<br /> }<br /> else{<br /> alert("由於你的瀏覽器不支援Javascript,分類樹無法載入...");<br /> }<br /> } </p><p> function fnIEParse(path){ </p><p> alert(path);<br /> var nodes = xmlDoc.selectNodes(path);<br /> for(var i=0;i<nodes.length;i++){<br /> var node = nodes[i];<br /> alert(node.xml);<br /> }<br /> } </p><p> function fnFirefoxParse(path){<br /> alert(path);<br /> var oNSResolver = xmlDoc.createNSResolver(xmlDoc.documentElement);<br /> var nodes = xmlDoc.evaluate(xpath,xmlDoc, oNSResolver,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);<br /> alert(""); </p><p> } </p><p> function fnSelectNodes(){<br /> var path=document.getElementById("path").value;<br /> if(exploer=='ie'){<br /> fnIEParse(path);<br /> }else if(exploer='firefox'){<br /> fnFirefoxParse(path);<br /> }else{<br /> alert("由於你的瀏覽器不支援Javascript,path...");<br /> }<br /> } </p><p>// --></mce:script><br /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head><br /> <body><br /> 輸入xpath eg://book[title[@lang='en'] and price<=30]/title/text()<br /><br><br /> <input type="text" id="path" size="120"/><br /> <input type="button" value="get nodes" onclick="fnSelectNodes()"/><br /> <br><br /> <div id="books"><br /> <iframe src="books.xml" mce_src="books.xml" width="100%" height="90%"></iframe><br /> </div><br /> </body><br /></html><br />
兩個檔案放在同一個目錄下即可。
運行test.html，輸入
//book[title[@lang='en'] and price<=30]/title/text()
快看看效果吧！
輸入這個呢？
/bookstore/book/year[.=2005]
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
