XPath を使用して内部テキストに基づいて HTML 要素を取得する方法

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

Web 開発では、多くの場合、特定の HTML 要素に含まれるテキストに基づいて操作したり、特定の HTML 要素にアクセスしたりする必要があります。これは、UI テスト、データ スクレイピング、コンテンツ分析の自動化に特に役立ちます。

内部テキストによって HTML 要素を取得する 1 つの方法は、強力な XPath 言語を使用することです。 XPath を使用すると、ノード セレクターと述語の組み合わせを使用して HTML ドキュメントをクエリできます。

正確なテキストによる要素の選択

正確な内部テキストに基づいて HTML 要素を取得するには、次の XPath 式:

//elementName[text()='innerText']

たとえば、テキスト「SearchingText」を含むタグを取得するには:

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

テキストを含む要素の選択

または、次の XPath 式を使用すると、完全に一致するかどうかに関係なく、特定のテキストを含む要素を検索できます:

//elementName[contains(text(), 'searchText')]

たとえば、テキスト「Searching」を含むすべてのタグを取得するには:

var xpath = "//a[contains(text(),'Searching')]";

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