Selenium WebDriver: finding a button using button mode

Question

I am trying to use Selenium Webdriver to find and click some buttons. The HTML code is:

<button class="btn param1 param2 param3 param4" na:mode="a.b.c" btn-checkbox="">First</button>
<button class="btn param1 param2 param3" na:mode="a.b.d" btn-checkbox="">Second</button>
<button class="btn param1 param2 param3" ng:mode="a.b.e" btn-checkbox="">Third</button>

I tried to use:

driver.find_element_by_css_selector('button[na:mode="a.b.c"]')

But I get error that says no such element: Unable to locate element

What is the problem with the code I wrote? What is the best way to find these 3 buttons?

Murthi · Accepted Answer · 2018-01-19 06:53:35Z

3

In CSS selector, . (dot) and :(colon) have different meanings. So It needs to be escaped with slash() as given below.

driver.find_element_by_css_selector('button[na\:mode="a\.b\.c"]')

edited Jan 19, 2018 at 6:53

answered Jan 19, 2018 at 6:42

Murthi

5,3471 gold badge12 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

TJ1 Over a year ago

Thanks for the answer, I get this error: invalid selector: An invalid or illegal selector was specified

Murthi Over a year ago

sorry, i forget to escape colon(:) as well. updated the answer.

TJ1 Over a year ago

Great that worked, thank you so much, I upvoted and accepted your answer :)

Collectives™ on Stack Overflow

Selenium WebDriver: finding a button using button mode

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related