XPath 示例
讓我們透過一些示例來學習一些基本的 XPath 語法。
XML 示例文件
我們將在下面的示例中使用以下 XML 文件。
"books.xml"
<?xml version="1.0" encoding="UTF-8"?>
<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">哈利波特</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">學習 XML</title>
<author>Erik T. Ray</author>
<year>2003</year>
<price>39.95</price>
</book>
</bookstore>
載入 XML 文件
使用 XMLHttpRequest 物件載入 XML 文件在所有現代瀏覽器中都得到支援。
var xmlhttp = new XMLHttpRequest();
選擇節點
不幸的是,不同瀏覽器處理 XPath 的方式有所不同。
Chrome、Firefox、Edge、Opera 和 Safari 使用 evaluate() 方法選擇節點
xmlDoc.evaluate(xpath, xmlDoc, null, XPathResult.ANY_TYPE,null);
Internet Explorer 使用 selectNodes() 方法選擇節點
xmlDoc.selectNodes(xpath);
在我們的示例中,我們包含了適用於大多數主流瀏覽器的程式碼。
選擇所有標題
以下示例選擇所有 title 節點
選擇第一本書的標題
以下示例選擇 bookstore 元素下的第一本書節點的 title
選擇所有價格
以下示例選擇所有 price 節點的文字
選擇價格大於 35 的 price 節點
以下示例選擇所有價格高於 35 的 price 節點
選擇價格大於 35 的 title 節點
以下示例選擇所有價格高於 35 的 title 節點