Latest web development tutorials

XPath 實例

在本節,讓我們通過實例來學習一些基礎的XPath 語法。


XML實例文檔

我們將在下面的例子中使用這個XML 文檔:

"books.xml":

<?xml version="1.0" encoding="ISO-8859-1"?>

<bookstore>

<book category="COOKING">
<title lang="en">Everyday Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>

<book category="CHILDREN">
<title lang="en">Harry Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</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>

<book category="WEB">
<title lang="en">Learning XML</title>
<author>Erik T. Ray</author>
<year>2003</year>
<price>39.95</price>
</book>

</bookstore>

在您的瀏覽器中查看此"books.xml"文件


加載XML 文檔

所有現代瀏覽器都支持使用XMLHttpRequest 來加載XML 文檔的方法。

針對大多數現代瀏覽器的代碼:

var xmlhttp=new XMLHttpRequest()

針對古老的微軟瀏覽器(IE 5 和6)的代碼:

var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")


選取節點

不幸的是,Internet Explorer 和其他處理XPath 的方式不同。

在我們的例子中,包含適用於大多數主流瀏覽器的代碼。

Internet Explorer 使用selectNodes() 方法從XML 文檔中的選取節點:

xmlDoc.selectNodes(xpath);

Firefox、Chrome、Opera 以及Safari 使用evaluate() 方法從XML 文檔中選取節點:

xmlDoc.evaluate(xpath, xmlDoc, null, XPathResult.ANY_TYPE,null);


選取所有title

下面的例子選取所有title 節點:

實例

/bookstore/book/title

嘗試一下»


選取第一個book 的title

下面的例子選取bookstore 元素下面的第一個book 節點的title:

實例

/bookstore/book[1]/title

嘗試一下»

這裡有一個問題。 上面的例子在IE 和其他瀏覽器中輸出不同的結果。

IE5 以及更高版本將[0] 視為第一個節點,而根據W3C 的標準,應該是[1]。

一種解決方法!

為了解決IE5+ 中[0] 和[1] 的問題,可以為XPath 設置語言選擇(SelectionLanguage)。

下面的例子選取bookstore 元素下面的第一個book 節點的title:

實例

xml.setProperty("SelectionLanguage","XPath");
xml.selectNodes("/bookstore/book[1]/title");

嘗試一下»


選取所有價格

下面的例子選取price 節點中的所有文本:

實例

/bookstore/book/price/text()

嘗試一下»


選取價格高於35 的price 節點

下面的例子選取價格高於35 的所有price 節點:

實例

/bookstore/book[price>35]/price

嘗試一下»


選取價格高於35 的title 節點

下面的例子選取價格高於35 的所有title 節點:

實例

/bookstore/book[price>35]/title

嘗試一下»