Πώς μπορεί να προσδιοριστεί ένα στοιχείο χρησιμοποιώντας έναν επιλεκτή CSS ή XPath;

Για τον προσδιορισμό ενός στοιχείου με τη χρήση επιλεκτήρα CSS, χρησιμοποιούνται διάφοροι τρόποι που βασίζονται στη δομή και τα χαρακτηριστικά HTML:

• Με την ετικέτα: div, input, button κ.ά.
• Με την κλάση: .όνομαΚλάσης (π.χ. .btn-primary)
• Με το αναγνωριστικό: #idΣτοιχείου
• Με τα χαρακτηριστικά: [type='text'], [name='όνομαΧρήστη']
• Συνδυασμοί: div.όνομαΚλάσης, ul > li:first-child

Παράδειγμα επιλεκτήρα CSS:

input[type='submit'].btn

Το XPath επιτρέπει την πιο ευέλικτη και ακριβή εύρεση στοιχείων, χρησιμοποιώντας διαδρομές στο DOM και συνθήκες:

• Με την ετικέτα: //div
• Με το χαρακτηριστικό: //input[@type='text']
• Με το κείμενο: //button[text()='Αποστολή']
• Με το δείκτη: (//li)[3] — τρίτο στοιχείο li
• Σε σχέση με άλλα στοιχεία: //div[@id='κύριος']//a[@class='σύνδεσμος']

Παράδειγμα XPath:

//input[@name='όνομαΧρήστη' and @type='text']

Έτσι, η επιλογή μεταξύ CSS και XPath εξαρτάται από το έργο και τη δομή της σελίδας. Το CSS είναι πιο απλό και γρήγορο, το XPath είναι πιο ισχυρό για πολύπλοκες συνθήκες.