Maison > interface Web > tutoriel CSS > Comment puis-je localiser les éléments HTML par classe CSS à l'aide de XPath ?

Comment puis-je localiser les éléments HTML par classe CSS à l'aide de XPath ?

DDD
Libérer: 2024-12-30 22:22:13
original
547 Les gens l'ont consulté

How Can I Locate HTML Elements by CSS Class Using XPath?

Localisation d'éléments par classe CSS avec XPath

Dans les documents HTML, vous pouvez rencontrer le besoin d'identifier des éléments spécifiques en fonction de leur classe CSS. XPath fournit un mécanisme robuste pour la sélection d'éléments, y compris la possibilité de rechercher des éléments par leur classe.

Syntaxe XPath pour la recherche de classe CSS

Pour localiser un élément par son Classe CSS, vous pouvez utiliser la syntaxe XPath suivante :

//*[contains(@class, 'class-name')]
Copier après la connexion

Remplacez 'class-name' par la classe CSS réelle que vous souhaitez rechercher. Par exemple, si vous avez un <div> élément avec le nom de classe « Test », vous pouvez utiliser l'expression XPath suivante :

//*[contains(@class, 'Test')]
Copier après la connexion
Copier après la connexion

Exemples

Considérez l'extrait HTML suivant :

<div>
Copier après la connexion

En utilisant notre expression XPath, nous pouvons localiser le <div> element :

  • Recherche générique (tous les éléments) :
//*[contains(@class, 'Test')]
Copier après la connexion
Copier après la connexion
  • Recherche spécifique (élément div) :
//div[contains(@class, 'Test')]
Copier après la connexion

Amélioré Sélecteurs

Pour améliorer la précision du sélecteur, nous pouvons utiliser les versions modifiées suivantes :

  • Gestion des espaces blancs :
//div[contains(concat(' ', normalize-space(@class), ' '), ' Test ')]
Copier après la connexion

Cela garantit que les espaces autour du nom de la classe sont coupés avant comparaison.

  • Correspondance exacte du nom de classe :
//div[contains(concat(' ', @class, ' '), ' Test ')]
Copier après la connexion

Cette version ne correspond qu'aux éléments dont la classe CSS correspond exactement à « Test ».

Conclusion

XPath propose des mécanismes puissants de sélection d'éléments basés sur CSS cours. En comprenant la syntaxe et en appliquant les modifications appropriées, vous pouvez localiser avec précision des éléments dans des documents HTML à diverses fins, telles que l'extraction de données ou l'automatisation.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal