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 文書のロード

すべての現代ブラウザは XML 文書をロードするために XMLHttpRequest を使用する方法をサポートしています。

ほとんどの現代ブラウザ用のコード：

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

自分で試してみる