Comment peut-on identifier un élément à l'aide d'un sélecteur CSS ou XPath?

Pour déterminer un élément à l'aide d'un sélecteur CSS, différentes méthodes sont utilisées, basées sur la structure et les attributs HTML :

• Par balise : div, input, button, etc.
• Par classe : .nomClasse (par exemple, .btn-primary)
• Par identifiant : #idÉlément
• Par attributs : [type='text'], [name='nomUtilisateur']
• Combinaisons : div.nomClasse, ul > li:first-child

Exemple de sélecteur CSS :

input[type='submit'].btn

XPath permet de trouver des éléments de manière plus flexible et précise, en utilisant le chemin dans le DOM et des conditions :

• Par balise : //div
• Par attribut : //input[@type='text']
• Par texte : //button[text()='Envoyer']
• Par index : (//li)[3] — troisième élément li
• Par relation avec d'autres éléments : //div[@id='principal']//a[@class='lien']

Exemple XPath :

//input[@name='utilisateur' and @type='text']

Ainsi, le choix entre CSS et XPath dépend de la tâche et de la structure de la page. CSS est plus simple et plus rapide, XPath est plus puissant pour des conditions complexes.