How to extract text between ::before and ::after

Question

I would like to extract the text between::before and::after into a string. How can I use a for loop to extract all the text in selenium Python?

Answer 1

The text i is in between the ::before and ::after pseudoelements . So to extract the text you can use either of the following Locator Strategies :

• Using css_selector :

   print(driver.find_element(By.CSS_SELECTOR, "div.kbkey.button.red").text)

• Using xpath :

   print(driver.find_element(By.XPATH, "//div[@class='kbkey button red']").text)

---

Ideally you need to induce WebDriverWait for the visibility_of_element_located() and you can use either of the following Locator Strategies :

• Using CSS-SELECTOR :

   print(WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "div.kbkey.button.red"))).text)

• Using XPATH :

   print(WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.XPATH, "//div[@class='kbkey button red']"))).text)

• Note : You have to add the following imports:

   from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.common.by import By from selenium.webdriver.support import expected_conditions as EC

You can find a relevant discussion in How to retrieve the text of a WebElement using Selenium - Python

---

References

Link to useful documentation:

• get_attribute() method gets the given attribute or property of the element .
• text attribute returns the text of the element .
• Difference between text and innerHTML using Selenium

Answer 2

::before and ::after are just a pseudo elements.
Here you can extract the text from the div element itself.
In case there are several div s with class kbkey button red you can do something like this:

buttons = driver.find_elements_by_css_selector("div.kbkey.button.red")
for button in buttons:
    print(button.text)