Cum se poate identifica un element folosind un selector CSS sau XPath?

Pentru a determina un element folosind un selector CSS, se utilizează diferite metode bazate pe structura și atributele HTML:

• După tag: div, input, button etc.
• După clasă: .numeClasa (de exemplu, .btn-primary)
• După identificator: #idElement
• După atribute: [type='text'], [name='numeUtilizator']
• Combinații: div.numeClasa, ul > li:first-child

Exemplu de selector CSS:

input[type='submit'].btn

XPath permite găsirea elementelor mai flexibil și mai precis, utilizând calea în DOM și condiții:

• După tag: //div
• După atribut: //input[@type='text']
• După text: //button[text()='Trimite']
• După index: (//li)[3] — al treilea element li
• În raport cu alte elemente: //div[@id='principal']//a[@class='link']

Exemplu XPath:

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

Astfel, alegerea între CSS și XPath depinde de sarcină și de structura paginii. CSS este mai simplu și mai rapid, XPath este mai puternic pentru condiții complexe.