| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269 |
- <?xml version="1.0" encoding="UTF-8"?>
- <!-- Reviewed: no -->
- <!-- EN-Revision: 24249 -->
- <sect1 id="zend.dom.query">
- <title>Zend_Dom_Query(日本語)</title>
- <para>
- <classname>Zend_Dom_Query</classname> を使用すると、<acronym>XML</acronym> や (X)<acronym>HTML</acronym> ドキュメントに対して
- XPath あるいは <acronym>CSS</acronym> セレクタを用いた問い合わせができるようになります。
- <acronym>MVC</acronym> アプリケーションの機能テストを支援するために作られたものですが、
- スクリーンスクレイパーを手早く作成するためにも使うことができます。
- </para>
- <para>
- <acronym>CSS</acronym> セレクタ記法は、ウェブ開発者にとってはシンプルでなじみのある記法です。
- <acronym>XML</acronym> 構造のドキュメントに対する問い合わせに使用できます。
- この記法は、スタイルシートを扱ったことのある人ならきっとおなじみでしょうし、
- Javascript のツールキットの中にも
- <acronym>CSS</acronym> セレクタを使用してノードを選択できる機能を持つものがあります
- (<ulink url="http://prototypejs.org/api/utility/dollar-dollar">Prototype の
- $$()</ulink> や
- <ulink url="http://api.dojotoolkit.org/jsdoc/dojo/HEAD/dojo.query">Dojo の
- dojo.query</ulink> をヒントにしてこのコンポーネントを作成しました)。
- </para>
- <sect2 id="zend.dom.query.operation">
- <title>動作原理</title>
- <para>
- <classname>Zend_Dom_Query</classname> を使用するには、
- <classname>Zend_Dom_Query</classname> オブジェクトのインスタンスを作成します。
- その際に、問い合わせたいドキュメント (文字列)
- をオプションで渡すことができます。
- ドキュメントを用意すれば、
- <methodname>query()</methodname> メソッドあるいは <methodname>queryXpath()</methodname>
- メソッドを使用できます。どちらのメソッドも、
- マッチしたノードを含む <classname>Zend_Dom_Query_Result</classname>
- オブジェクトを返します。
- </para>
- <para>
- <classname>Zend_Dom_Query</classname> を使うことと
- DOMDocument + DOMXPath を使うことの最大の違いは、
- <acronym>CSS</acronym> セレクタによる選択が可能かどうかということです。
- 以下の内容を、任意の組み合わせで使用できます。
- </para>
- <itemizedlist>
- <listitem><para>
- <emphasis>要素型</emphasis>: マッチさせたい要素の型を指定します。
- 'div', 'a', 'span', 'h2' などです。
- </para></listitem>
- <listitem><para>
- <emphasis>style 属性</emphasis>: マッチさせたい <acronym>CSS</acronym> style
- 属性を指定します。'<command>.error</command>', '<command>div.error</command>', '<command>label.required</command>'
- などです。ひとつの要素に複数のスタイルが定義されている場合は
- 指定したスタイルがスタイル宣言のどこかに存在すればマッチします。
- </para></listitem>
- <listitem><para>
- <emphasis>id 属性</emphasis>: マッチさせたい要素 ID 属性を指定します。
- '#content', 'div#nav' などです。
- </para></listitem>
- <listitem>
- <para>
- <emphasis>任意の属性</emphasis>:
- マッチさせたい任意の要素属性を指定します。
- 以下の 3 種類のマッチ形式を用意しています。
- </para>
- <itemizedlist>
- <listitem><para>
- <emphasis>完全マッチ</emphasis>: その文字列に完全にマッチする属性。
- 'div[bar="baz"]' は、"bar" 属性の値が正確に "baz"
- と一致する div 要素にマッチします。
- </para></listitem>
- <listitem><para>
- <emphasis>単語マッチ</emphasis>:
- 指定した文字列に一致する単語を含む属性。
- 'div[bar~="baz"]' は、"bar" 属性の値に単語 "baz"
- を含む div 要素にマッチします。
- '<div bar="foo baz">' はマッチしますが、 '<div
- bar="foo bazbat">' はマッチしません。
- </para></listitem>
- <listitem><para>
- <emphasis>部分文字列マッチ</emphasis>:
- その文字列を含む属性。'div[bar*="baz"]' は、
- "bar" 属性の値のどこかに文字列 "baz"
- を含む div 要素にマッチします。
- </para></listitem>
- </itemizedlist>
- </listitem>
- <listitem><para>
- <emphasis>直接の子孫</emphasis>:
- セレクタの間で '>' を使用すると、
- 直接の子要素であることを表します。'div > span'
- は、'span' 要素のうち 'div' の直接の子であるものだけを選択します。
- 上のセレクタのどれとでも共用できます。
- </para></listitem>
- <listitem>
- <para>
- <emphasis>子孫</emphasis>:
- 複数のセレクタをひとつの文字列にまとめると、
- 探す階層を指定できます。
- '<command>div .foo span #one</command>' が探すのは id が 'one'
- である要素です。その要素は、'span'
- 要素の子孫 (その間の階層の数は問わない) であり、
- さらにその 'span' 要素はクラス 'foo' の要素の子孫
- (その間の階層の数は問わない) です。
- 同様に、そのクラス 'foo' の要素は 'div' 要素の子孫
- (その間の階層の数は問わない) となります。
- これは、たとえば以下のリストにおける単語 'One'
- へのリンクにマッチします。
- </para>
- <programlisting language="html"><![CDATA[
- <div>
- <table>
- <tr>
- <td class="foo">
- <div>
- Lorem ipsum <span class="bar">
- <a href="/foo/bar" id="one">One</a>
- <a href="/foo/baz" id="two">Two</a>
- <a href="/foo/bat" id="three">Three</a>
- <a href="/foo/bla" id="four">Four</a>
- </span>
- </div>
- </td>
- </tr>
- </table>
- </div>
- ]]></programlisting>
- </listitem>
- </itemizedlist>
- <para>
- 問い合わせを実行したら、その結果のオブジェクトを用いてノードの情報を取得したり、
- そのノード (あるいはノードの内容) を取り出して操作したりできます。
- <classname>Zend_Dom_Query_Result</classname> は <classname>Countable</classname>
- と <classname>Iterator</classname> を実装しており、内部では結果を
- DOMNodes および DOMElements で保持しています。
- たとえば、次のようなコードを上の <acronym>HTML</acronym> に対して実行することを考えてみましょう。
- </para>
- <programlisting language="php"><![CDATA[
- $dom = new Zend_Dom_Query($html);
- $results = $dom->query('.foo .bar a');
- $count = count($results); // マッチした数: 4
- foreach ($results as $result) {
- // $result は DOMElement です
- }
- ]]></programlisting>
- <para>
- <classname>Zend_Dom_Query</classname> では、
- <methodname>queryXpath()</methodname> メソッドで
- XPath クエリを直接使用することもできます。
- XPath クエリとして正しいものならなんでもこのメソッドに渡すことができ、
- 結果は <classname>Zend_Dom_Query_Result</classname> オブジェクトで返されます。
- </para>
- </sect2>
- <sect2 id="zend.dom.query.methods">
- <title>使用可能なメソッド</title>
- <para>
- <classname>Zend_Dom_Query</classname> 系のクラスでは、次のメソッドが使用できます。
- </para>
- <sect3 id="zend.dom.query.methods.zenddomquery">
- <title>Zend_Dom_Query</title>
- <para>
- 次のメソッドが
- <classname>Zend_Dom_Query</classname> で使用できます。
- </para>
- <itemizedlist>
- <listitem><para>
- <methodname>setDocumentXml($document)</methodname>:
- 対象となる <acronym>XML</acronym> 文字列を指定します。
- </para></listitem>
- <listitem><para>
- <methodname>setDocumentXhtml($document)</methodname>:
- 対象となる <acronym>XHTML</acronym> 文字列を指定します。
- </para></listitem>
- <listitem><para>
- <methodname>setDocumentHtml($document)</methodname>:
- 対象となる <acronym>HTML</acronym> 文字列を指定します。
- </para></listitem>
- <listitem><para>
- <methodname>setDocument($document)</methodname>:
- 対象となる文字列を指定します。<classname>Zend_Dom_Query</classname>
- がドキュメントの形式を自動判定します。
- </para></listitem>
- <listitem><para>
- <methodname>getDocument()</methodname>:
- オブジェクトに渡した元の文字列を取得します。
- </para></listitem>
- <listitem><para>
- <methodname>getDocumentType()</methodname>:
- オブジェクトに渡したドキュメントの形式を取得します。
- クラス定数 <constant>DOC_XML</constant>、<constant>DOC_XHTML</constant>
- あるいは <constant>DOC_HTML</constant> のいずれかとなります。
- </para></listitem>
- <listitem><para>
- <methodname>query($query)</methodname>:
- <acronym>CSS</acronym> セレクタ記法でドキュメントへの問い合わせを行います。
- </para></listitem>
- <listitem><para>
- <methodname>queryXpath($xPathQuery)</methodname>:
- XPath 記法でドキュメントへの問い合わせを行います。
- </para></listitem>
- </itemizedlist>
- </sect3>
- <sect3 id="zend.dom.query.methods.zenddomqueryresult">
- <title>Zend_Dom_Query_Result</title>
- <para>
- 先ほど説明したように、<classname>Zend_Dom_Query_Result</classname>
- は <classname>Iterator</classname> と
- <classname>Countable</classname> を実装しており、
- <classname>foreach</classname> ループで使用したり
- <methodname>count()</methodname> 関数を利用したりできます。
- さらに、次のメソッドを公開しています。
- </para>
- <itemizedlist>
- <listitem><para>
- <methodname>getCssQuery()</methodname>:
- その結果を得る元となった <acronym>CSS</acronym> セレクタクエリを
- (もし存在すれば) 返します。
- </para></listitem>
- <listitem><para>
- <methodname>getXpathQuery()</methodname>:
- その結果を得る元となった XPath クエリを返します。
- 内部的には、<classname>Zend_Dom_Query</classname> は
- <acronym>CSS</acronym> セレクタクエリを XPath に変換しています。
- そのため、このメソッドは常に結果を返します。
- </para></listitem>
- <listitem><para>
- <methodname>getDocument()</methodname>:
- 問い合わせ対象となった DOMDocument を取得します。
- </para></listitem>
- </itemizedlist>
- </sect3>
- </sect2>
- </sect1>
- <!--
- vim:se ts=4 sw=4 et:
- -->
|