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

Web スクレイピングでは、CSS クラスに基づいて HTML 要素を見つけることが必要になることがよくあります。 XML および HTML ドキュメントをナビゲートするための強力なツールである XPath は、こ​​れを実現する方法を提供します。

「Test」という名前のクラスを持つ div 要素を含む HTML ページについて考えてみましょう。次の XPath クエリを使用して、この要素を検索できます:

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

このクエリは、「Test」クラスを含むすべての要素を選択します。

パフォーマンスを最適化するために、検索を div などの特定の要素タイプに絞り込むことができます。たとえば、次のクエリは、検索を「Test」クラスを含む div に制限します:

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

ただし、 「Testvalue」や「newTest」などのクラスを持つ要素の場合、上記のクエリはそれらにも一致します。より正確な一致を保証するには、@Tomalak:

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

このクエリは、別のクラスとして単語「Test」を持つ div のみに一致します。 value.

空白の問題を排除するには、@Terry:

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

最後に、これらのアスタリスク (*) を置き換えることが重要です。ドキュメント内のすべての要素を検索する場合を除き、照合する実際の要素名を使用してクエリを実行します。これにより、クエリの効率が向上します。