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

InnerText による要素の取得: 総合ガイド

HTML タグ内に含まれる特定のテキストを知ることは、Web 開発において有益です。この知識により、開発者は特定の要素を正確に操作し、対話できるようになります。この記事では、内部テキストに基づいて要素を取得するためのさまざまな方法を検討します。

方法 1: XPath を活用する

XPath (XML パス言語) は、強力なXML および HTML ドキュメントのクエリとナビゲーションのための柔軟なアプローチ。これにより、開発者は内部テキストを含む特定の条件に基づいて要素を取得できます。

サンプル コード:

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

このコード スニペットは、XPath 式に一致する最初の要素を取得します。 「//a[text()='SearchingText']」。テキスト「SearchingText」を含むアンカー タグを選択します。これで、matchingElement 変数は、見つかった要素への参照を保持します。

方法 2: テキストを含む要素を検索する

または、次の内容を含む要素を検索することもできます (ただし、 XPath の「contains」関数を使用して、指定されたテキストを排他的に含む必要はありません。

サンプル コード:

var xpath = "html//a[contains(text(), 'Searching')]";
var matchingElements = document.evaluate(xpath, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);

このコードは、次のすべてのアンカー タグの順序付きリストを返します。部分文字列「Searching」を含むドキュメント。 matchingElements リストを反復処理することで、個々の要素にアクセスできます。

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