Comment puis-je rechercher un élément par sa classe CSS à l'aide de XPath ?

Recherche d'un élément par classe CSS à l'aide de XPath

En développement Web, identifier des éléments en fonction de critères spécifiques est souvent nécessaire. Si vous disposez d'un élément avec une classe CSS nommée « Test », vous souhaiterez peut-être le récupérer à l'aide de XPath. Voici un guide pour le faire efficacement :

Pour rechercher un élément par classe CSS à l'aide de XPath, vous pouvez utiliser la syntaxe suivante :

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

Ce sélecteur correspondra à tout élément ayant la classe CSS "Test" dans son attribut class.

Pour une efficacité et une précision améliorées, vous pouvez affiner le sélecteur en spécifiant le type d'élément que vous ciblez, comme un div:

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

Cependant, considérez que ce sélecteur peut également faire correspondre des éléments dont les noms de classe contiennent « Test », tels que « Testvalue » ou « newTest ». Pour garantir une correspondance précise, modifiez le sélecteur comme suit :

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

Ce sélecteur garantit que seuls les éléments portant le nom de classe exact "Test" correspondent.

Pour encore plus de précision, éliminez tout espace de fin dans l'attribut de classe :

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

N'oubliez pas de remplacer le "*" dans ces sélecteurs par le nom de l'élément réel que vous souhaitez faire correspondre. Ces techniques vous permettent d'identifier efficacement et précisément les éléments en fonction de leur classe CSS à l'aide de XPath.

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!