How to find element by style?

Question

Element:

<div class="rsl-MeetingHeader_RaceName " style="">Moe</div>

Attempt at code:

from selenium import webdriver
chromeOptions = webdriver.ChromeOptions()
chromedriver = r"C:\Users\\Downloads\Python\chromedriver_win32\chromedriver.exe"
driver = webdriver.Chrome(executable_path=r"C:\Users\\Downloads\Python\chromedriver_win32\chromedriver.exe",chrome_options=chromeOptions)
driver.get("https://www.bet365.com.au/#/AS/B2/")
track_button = driver.findElement(By.xpath("//div[@class='rsl-MeetingHeader_RaceName' and style='Moe']"
track_button.click()
track_button.click()
    ^
SyntaxError: invalid syntax

Keep getting a syntax error

JeffC · Accepted Answer · 2020-06-25 13:43:04Z

2

You are missing the closing parens in this line

track_button = driver.findElement(By.xpath("//div[@class='rsl-MeetingHeader_RaceName' and style='Moe']"))

The next issue is going to be that the element is not located. Your XPath is looking for an element with style='Moe' but your element has style=""... the contained text is 'Moe'.

The class name in your element also contains a space at the end so you will need to use

@class='rsl-MeetingHeader_RaceName '
                                  ^

You can either look for the empty style like

track_button = driver.findElement(By.xpath("//div[@class='rsl-MeetingHeader_RaceName '][@style='']"))

or ignore style and look for contained text like

track_button = driver.findElement(By.xpath("//div[@class='rsl-MeetingHeader_RaceName '][text()='Moe']"))

If that still doesn't work, it's possible the page is still loading so you will need to add a WebDriverWait and wait until the element is clickable, then click it.

track_button = new WebDriverWait(driver, 10).until(ExpectedConditions.elementToBeClickable(By.xpath("//div[@class='rsl-MeetingHeader_RaceName '][text()='Moe']"));

edited Jun 25, 2020 at 13:43

answered Jun 25, 2020 at 5:09

JeffC

26.4k5 gold badges35 silver badges57 bronze badges

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

2 Comments

user12875715 Over a year ago

'Message: no such element: Unable to locate element' for both options.

JeffC Over a year ago

@hpollock Updated the locators and added a wait example.

Atul · Accepted Answer · 2020-06-25 09:44:27Z

0

Below are some of the suggestions:

If the style is blank i.e. "", then you can use the below XPath:

//div[@style='']

If the style is not blank, then you can use the below XPath:

//div[@style='height: 0px;'][@class='fixed-nav-element-offset']

As per the code/HTML shared by you. You can use the below XPath as well:

//div[@class='rsl-MeetingHeader_RaceName ' and contains(text(),'Moe')]

OR

 //div[@class='rsl-MeetingHeader_RaceName ' and contains(text(),'Moe')][@style='']

answered Jun 25, 2020 at 9:44

Atul

9659 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to find element by style?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related