ホームページ >ウェブフロントエンド >jsチュートリアル >XPathを使用してHTML要素を内部テキストで取得するにはどうすればよいですか?

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-11-04 20:24:02933ブラウズ

How to Retrieve HTML Elements by Their Inner Text Using XPath?

内部テキストによる HTML 要素の取得

テキスト コンテンツに基づいて HTML 要素を識別し、アクセスすることは、Web 開発における一般的なタスクです。この記事では、内部テキストを使用して要素を効率的に取得する方法について説明します。

XPath を使用した解決策

内部テキストで要素を取得する効果的なアプローチの 1 つは、XPath を使用することです。 。 XPath は XML および HTML ドキュメントをナビゲートするために設計された言語であり、さまざまな基準に基づいて要素を選択するための強力な式を提供します。

指定された HTML の例の場合:

<code class="html"><a ...>SearchingText</a></code>

アンカー要素を取得するには、次の XPath 式を使用します:

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

この式は、正確なテキスト SearchingText を含むすべての a 要素を選択します。最初に一致する要素を取得するには:

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

部分的なテキストの一致

要素のテキストの一部しかわからない場合は、contains() を使用できます。 XPath 式の関数:

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

この式は、テキスト内の任意の場所を検索する部分文字列を含むすべての要素を選択します。

XPath の機能を活用することで、その要素に基づいて HTML 要素を効率的に取得できます。内部テキストを使用して、データ抽出や動的要素操作などのさまざまなタスクを実行できるようにします。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。