ホームページ >ウェブフロントエンド >jsチュートリアル >XPath を使用してテキスト コンテンツによって HTML 要素を検索する方法

XPath を使用してテキスト コンテンツによって HTML 要素を検索する方法

Patricia Arquette
Patricia Arquetteオリジナル
2024-11-05 15:15:02927ブラウズ

How to Find HTML Elements by Their Text Content Using XPath?

テキスト コンテンツによって HTML 要素を検索する方法

HTML 要素内に既知のテキストがある場合、ページ内でその要素を見つけることができます。役に立ちます。これを実現するには、XPath の機能を活用できます。

XPath を使用してテキストで要素を検索する

XPath を使用すると、テキストの内容に基づいて要素を見つけることができます。特定のテキストを含む要素を検索するには、次の XPath 構文を使用します:

//element[text()='SearchText']

たとえば、「SearchingText」テキストを含むアンカー タグを検索するには、次を使用します:

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

部分的にテキストを含む要素の検索

XPath の「contains」関数を使用して、部分的にテキストを含む要素を検索することもできます。

//element[contains(text(),'SearchText')]

これにより、 「SearchText」を含むアンカー タグ、または「SearchText」を含むその他のテキスト。

以上がXPath を使用してテキスト コンテンツによって HTML 要素を検索する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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