XPath を使用して、内部テキストに基づいて HTML 要素を検索するにはどうすればよいですか?

XPath: 内部テキストに基づいて要素を取得するための強力なツール

HTML ページ内の特定の要素を見つけることは、作業時に重要なタスクとなる場合がありますウェブコンテンツ付き。一般的なシナリオの 1 つは、要素に含まれるテキストに基づいて要素を識別することです。これを達成するために、XML ドキュメントをナビゲートするために設計された強力な言語である XPath が効果的なソリューションを提供します。

正確な内部テキストを持つ要素の検索

次の HTML スニペットを検討してください。 テキスト「SearchingText」を含むタグ:

<a ...>SearchingText</a>

XPath を使用してこの要素を取得するには、次のクエリを利用できます:

//a[text()='SearchingText']

この式はドキュメント ツリーをナビゲートし、任意の < を見つけます。 ;a> 「SearchingText」という正確なテキストを含むタグ。角括弧内の text() 関数は、要素のテキスト コンテンツを指定された文字列と比較します。

テキストの部分一致の処理

場合によっては、次のことが必要になる場合があります。指定されたテキストの部分一致を含む要素を見つけます。たとえば、テキスト「Searching」を含む要素を検索するには:

//a[contains(text(),'Searching')]

ここで、contains() 関数は、要素のテキスト コンテンツに指定された部分文字列が含まれるかどうかを評価します。このアプローチにより、追加のテキストを含む可能性のある要素をキャプチャして、より広範囲の検索が可能になります。

JavaScript での XPath の適用

XPath と JavaScript の統合により、HTML を動的に操作する便利なアプローチが提供されます。書類。これを実証するには、次の JavaScript コードを考えてみましょう。

var xpath = "//a[text()='SearchingText']";
var matchingElement = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;

このコードは、XPath クエリを xpath 変数に割り当て、document.evaluate() メソッドを利用してドキュメント オブジェクトに対してクエリを実行します。結果はmatchingElement変数に保存され、指定された内部テキストを持つ要素へのアクセスが提供されます。

以上がXPath を使用して、内部テキストに基づいて HTML 要素を検索するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。