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')]
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')]
Exemples
Considérez l'extrait HTML suivant :
<div>
En utilisant notre expression XPath, nous pouvons localiser le <div> element :
//*[contains(@class, 'Test')]
//div[contains(@class, 'Test')]
Amélioré Sélecteurs
Pour améliorer la précision du sélecteur, nous pouvons utiliser les versions modifiées suivantes :
//div[contains(concat(' ', normalize-space(@class), ' '), ' Test ')]
Cela garantit que les espaces autour du nom de la classe sont coupés avant comparaison.
//div[contains(concat(' ', @class, ' '), ' Test ')]
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!