CSS və ya XPath seçici istifadə edərək element necə müəyyən edilir?

CSS seçici istifadə edərək elementin müəyyənləşdirilməsi üçün HTML strukturuna və atributlarına əsaslanan müxtəlif üsullar istifadə olunur:

• Etiketə görə: div, input, button və s.
• Sinfə görə: .sinifAdi (məsələn, .btn-primary)
• İdentifikatorla: #elementId
• Atributlar ilə: [type='text'], [name='istifadəçiAdı']
• Kombinasiyalar: div.sinifAdi, ul > li:first-child

CSS seçici nümunəsi:

input[type='submit'].btn

XPath DOM yolunu və şərtləri istifadə edərək elementləri daha çevik və dəqiq tapmağa imkan verir:

• Etiketə görə: //div
• Atributa görə: //input[@type='text']
• Mətnə görə: //button[text()='Göndər']
• İndeksə görə: (//li)[3] — üçüncü li elementi
• Digər elementlərlə əlaqəli: //div[@id='əsas']//a[@class='link']

XPath nümunəsi:

//input[@name='istifadəçiAdı' and @type='text']

Buna görə, CSS və XPath arasında seçim vəzifə və səhifənin quruluşundan asılıdır. CSS daha sadə və sürətlidir, XPath isə mürəkkəb şərtlər üçün daha güclüdür.