Sobes.tech
Junior — Middle

Kako odrediti element pomoću CSS ili XPath selektora?

sobes.tech АИ

Одговор од АИ

Za određivanje elementa pomoću CSS selektora koriste se različiti načini zasnovani na strukturi i atributima HTML:

  • Po tagu: div, input, button itd.
  • Po klasi: .imeKlase (npr. .btn-primary)
  • Po identifikatoru: #idElementa
  • Po atributima: [type='text'], [name='korisničkoIme']
  • Kombinacije: div.imeKlase, ul > li:first-child

Primer CSS selektora:

input[type='submit'].btn

XPath omogućava fleksibilnije i preciznije pronalaženje elemenata koristeći put u DOM-u i uslove:

  • Po tagu: //div
  • Po atributu: //input[@type='text']
  • Po tekstu: //button[text()='Pošalji']
  • Po indeksu: (//li)[3] — treći element li
  • U odnosu na druge elemente: //div[@id='glavni']//a[@class='link']

Primer XPath:

//input[@name='korisničkoIme' and @type='text']

Dakle, izbor između CSS i XPath zavisi od zadatka i strukture stranice. CSS je jednostavniji i brži, XPath je moćniji za složenije uslove.