How to get background-image from inline css using selenium

by

To get the background image you need to use value_of_css_property(property_name) method and you have to induce WebDriverWait for the visibility_of_element_located() and you can use either of the following Locator Strategies:

  • Using CSS_SELECTOR:

    import re

my_property = WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "div.pic#pic[data-type="image"]"))).value_of_css_property("background-image")
print(re.split('[()]',my_property)[1])

  • Using XPATH:

    import re

my_property = WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.XPATH, "//div[@class="pic" and @id='pic'][@data-type="image"]"))).value_of_css_property("background-image")
print(re.split('[()]',my_property)[1])

  • Console Output:

    test.com/images/image.png

Update

As the url is getting wrapped up with in double quotes i.e. "..." you can use the following solution:

print(WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.XPATH, "//div[@class="pic" and @id='pic'][@data-type="image"]"))).value_of_css_property("background-image").split('"')[1])

References

You can find a couple relevant discussions related to:

More Related Contents:

  1. selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element while trying to click Next button with selenium
  2. Select iframe using Python + Selenium
  3. Unable to locate element using selenium chrome webdriver in python selenium
  4. Selenium Compound class names not permitted
  5. Selenium not able to click on Get Data button on using Python
  6. selenium.common.exceptions.ElementClickInterceptedException: Message: element click intercepted: Element is not clickable with Selenium and Python
  7. Python Selenium – get href value
  8. ElementClickInterceptedException: Message: element click intercepted: Element is not clickable with Selenium and Python
  9. How to retrieve partial text from a text node using Selenium and Python
  10. selenium two xpath tests in one
  11. How to select kendo dropdown element with unselectable=”on” attribute using Selenium and Python
  12. How to find element by part of its id name in selenium with python
  13. “selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element” while clicking a ‘Next’ button with Selenium
  14. NoSuchElementException: Message: Unable to locate element while trying to click on the button VISA through Selenium and Python
  15. How to retrieve the title attribute through Selenium using Python?
  16. StaleElementException when iterating with Python
  17. Of the many findElement(s)/By functions in Selenium, when would you use one over the other?
  18. selenium.common.exceptions.InvalidSelectorException with “span:contains(‘string’)”
  19. Python Selenium WebDriver. Writing my own expected condition
  20. Clicking on svg using selenium python
  21. Python: find_element_by_css_selector
  22. SyntaxError: Failed to execute ‘evaluate’ on ‘Document’: The string ‘//img[contains(‘1236548597′)]’ is not a valid XPath expression
  23. ElementNotInteractableException: Message: element not interactable error while sending text to Email field on Quora using Selenium with Python
  24. How to access to ‘rect’ type element through Selenium-Python
  25. ElementNotInteractableException: Message: element not interactable error sending text in search field using Selenium Python
  26. selenium – Failed to execute ‘evaluate’ on ‘Document’: The string is not a valid XPath expression
  27. How locate the pseudo-element ::before using Selenium Python
  28. How to select element using XPATH syntax on Selenium for Python?
  29. How to click on Load More button within Google Trends and print all the titles through Selenium and Python
  30. How to disable CSS in Python selenium using ChromeOptions

Leave a Comment