Locators_table_1_0_2

Oct 14, 2026

Upload by dhado

Reference table mapping web locators across XPath (1.0–2.0), CSS (CSS1–3), DOM access, and Selenium usage. Provides example patterns for selecting whole pages, specific elements by absolute or relative paths, tags, attributes (exact, contains, begins/ends with, word match, regex), id and name, language- and class-based selectors. Includes text and link locators plus parent/child and sibling navigation expressions to support automated browser element finding with Selenium.

LanguageEnglish

CategoryGeneral

FormatPDF

Pages1

AccessFree to download

XPath ● CSS ● DOM ● Selenium Rosetta Stone and Cookbook Sprinkled with Selenium usage tips, this is both a general-purpose set of recipes for each technology as well as a cross-reference to map from one to another. The validation suite for this reference chart ([http://bit.ly/gTd5oc](http://bit.ly/gTd5oc)) provides example usage for each recipe supported by Selenium (the majority of them) . | Category | Recipe | XPath (1.0 – 2.0) | CSS (CSS1 – 3) | DOM | Selenium | | --- | --- | --- | --- | --- | --- | | General | Whole web page | xpath=/html | css=html | document. documentElement | NA | | | Whole web page body | xpath=/html/body | css=body | document.body | NA | | | All text nodes of web page | //text() ⌦ | NA | NA | NA | | | Element by absolute reference | xpath=/html/body/.../.../.../E | css=body>…>…>…>E | document.body.childNodes[i]...childNodes[j] | NA | | Tag | Element by relative reference | //E | css=E | document.gEBTN('E')[0] | NA | | | Second element anywhere on page | xpath=(//E)[2] | NA | document.gEBTN('E')[1] | NA | | | Image element | //img | css=img | document.images[0] | NA | | | Element with attribute A | //E[@A] | css=E[A] | dom=for each (e in document.gEBTN('E')) if (e.A) e􀁮 | NA | | | Element with attribute A containing text 't' exactly | //E[@A='t'] | css=E[A='t'] 􀁯 | NA | NA | | | Element with attribute A containing text 't' | //E[contains(@A,'t')] | css=E[A*='t'] 􀁯 | NA | NA | | | Element whose attribute A begins with 't' | //E[starts-with(@A, 't')] | css=E[A^='t'] 􀁯 | NA | NA | | | Element whose attribute A ends with 't' | //E[ends-with(@A, 't')] ⌦ ◄OR►
//E[substring(@A, string-length(@A) -string-length('t')+1)='t'] | css=E[A$='t'] 􀁯 | NA | NA | | | Element with attribute A containing word 'w' | //E[contains(concat('⦿', @A, '⦿'), '⦿w⦿') | css=E[A~='w'] 􀁯 | NA | NA | | | Element with attribute A matching regex ‘r’ | //E*matches(@A, ‘r’)+ ⌦ | NA | NA | NA | | | Element with id I1 or element with id I2 | //E1[@id=I1] | //E2[@id=I2] | css=E1\#I1, E2\#I2 | NA | NA | | | Element with id I1 or id I2 | //E1[@id=I1 or @id=I2] | css=E1\#I1, E1\#I2 | NA | NA | | Attribute􀁰 | Attribute A of element | //E/@A ⌦ {Se: //E@A } | NA {Se: css=E@A } | document.gEBTN('E')[0] .getAttribute('A') ⌦ {Se: document.gEBTN('E')[0]@A } | NA | | | Attribute A of any element | //*/@A ⌦ {Se: //*@A } | NA {Se: css=*@A } | NA | NA | | | Attribute A1 of element where attribute A2 is 't' exactly | //E[@A2='t']/@A1 ⌦ {Se: //E[@A2='t']@A1 } | NA {Se: css=E[A2='t']@A1 } | NA | NA | | | Attribute A of element where A contains 't' | //E[contains(@A,'t')]/@A ⌦ {Se: //E[contains(@A,'t')]@A } | NA {Se: css=E[A*='t']@A } | NA | NA | | Id
&
Name | Element with id I | //E[@id='I'] | css=E\#I | NA | NA | | | Element with id I | //*[@id='I'] | css=\#I | document.gEBI('I') | id=I | | | Element with name N | //E[@name='N'] | css=E[name=N] | NA | NA | | | Element with name N | //*[@name='N'] | css=[name=N] | document.getElementsByName('N')[0] | name=N | | | Element with id X or, failing that, a name X | //*[@id='X' or @name='X'] | NA | NA | X ◄OR► identifier=X | | | Element with name N & specified 0-based index ‘v’ | //*[@name='N'][v+1] | css=[name=N]:nth-child(v+1) | NA | name=N index=v | | | Element with name N & specified value ‘v’ | //*[@name='N'][@value='v'] | css=[name=N][value='v’] | NA | name=N value=v | | Lang
&
Class | Element is explicitly in language L or subcode | //E[@lang='L' or starts-with(@lang, concat('L', '-'))] | css=E[lang|=L] | NA | NA | | | Element is in language L or subcode (possibly inherited) | NA | css=E:lang(L) | NA | NA | | | Element with a class C | //*[contains(concat('⦿', @class, ' ⦿'), ' ⦿C⦿')] | css=.C | document.getElementsByClassName('C')[0] | NA | | | Element with a class C | //E[contains(concat('⦿', @class, ' ⦿'), '⦿C⦿')] | css=E. C | NA | NA | | Text
&

FAQs

What locator types does the table map between?

It cross-references locators across XPath (1.0–2.0), CSS (CSS1–3), DOM access, and Selenium usage, using recipes for the same selection intent in multiple technologies.

How does the table help you select elements by attributes in XPath and CSS?

It lists patterns for attributes with exact matches, contains, starts-with, ends-with, word matches, and regex-style matching, paired with equivalent CSS selector forms where applicable.

What does the table provide for navigating parent, child, and sibling relationships?

It includes XPath expressions and corresponding CSS/DOM/Selenium patterns for first/last children, second child, second-to-last child, and relations like parent of an element and descendant selection from an id.

Oct 14, 2026

Upload by dhado