XPath編程 Examples

我們通過實例來學習一些基礎的 XPath 語法。

XML實例文檔

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

"books.xml":

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

<bookstore>

<book category="COOKING">

<title>Everyday Italian</title>

<author>Giada De Laurentiis</author>

<year>2005</year>

<price>30.00</price>

</book>

<book category="CHILDREN">

<title>Harry Potter</title>

<author>J K. Rowling</author>

<year>2005</year>

<price>29.99</price>

</book>

<book category="WEB">

<title>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>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

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！