XPath を使用して CSS クラスによって HTML 要素を見つけるにはどうすればよいですか?

XPath を使用した CSS クラスによる要素の検索

HTML ドキュメントでは、CSS クラスに基づいて特定の要素を識別する必要が生じる場合があります。 XPath は、クラスごとに要素を検索する機能など、要素選択のための堅牢なメカニズムを提供します。

CSS クラス検索の XPath 構文

要素を指定するにはCSS クラスでは、次の XPath 構文を使用できます:

//*[contains(@class, 'class-name')]

Replace 'class-name' は、検索する実際の CSS クラスに置き換えます。たとえば、<div> がある場合、クラス名が「Test」の要素では、次の XPath 式を使用できます:

//*[contains(@class, 'Test')]

例

次の HTML スニペットを考えてみましょう:

<div>

XPath 式を使用すると、<div> を見つけることができます。要素:

• 汎用検索 (すべての要素):

//*[contains(@class, 'Test')]

• 特定の検索 (div) element):

//div[contains(@class, 'Test')]

改良されたセレクター

セレクターの精度を高めるために、次の修正バージョンを使用できます:

• 空白処理:

//div[contains(concat(' ', normalize-space(@class), ' '), ' Test ')]

これにより、比較前にクラス名の周囲の空白文字が確実に削除されます。

• クラス名の完全な一致:

//div[contains(concat(' ', @class, ' '), ' Test ')]

このバージョンは、次の要素にのみ一致します。 CSS クラスは 'Test' と完全に一致します。

結論

XPath は、CSS クラスに基づいて要素を選択するための強力なメカニズムを提供します。構文を理解し、適切な変更を適用することで、データ抽出や自動化などのさまざまな目的で HTML ドキュメント内の要素を正確に見つけることができます。

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