How to locate the element and extract the innerText using Selenium and Python

Question

<span class="chr-UserDropdownItem-imageAndText">
    <img class="chr-UserDropdownItem-image" src="/slm/profile/image/264023573852/24.sp?version=1" alt="User Profile Avatar">
    <span class="smb-DropdownItem-text">
        <span>   test user   </span>
    </span>
</span>

By taking look on above screenshot please help me extract the innerText test user uniquely from span tag.

Have you already tried some approach here? In what way it did not work? — Harri, Jan 17 '20 at 12:48
actually the name test user dynamically generated, so how to handle that can you please tell me ? — deepakbhavale67, Jan 20 '20 at 07:05

score 1 · Accepted Answer · answered Jan 17 '20 at 13:00

1

To extract the text test user you have to induce WebDriverWait for the visibility_of_element_located() and you can use either of the following Locator Strategies:

Using CSS_SELECTOR and get_attribute():

print(WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "span.smb-DropdownItem-text>span"))).get_attribute("innerHTML"))

Using XPATH and text attribute:

print(WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.XPATH, "span[@class='smb-DropdownItem-text']>span"))).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

answered Jan 17 '20 at 13:00

undetected Selenium

183,867
41
278
352

actually the name test user dynamically generated, so how to handle that can you please tell me ? – deepakbhavale67 Jan 20 '20 at 07:05
@DeepakBhavale This answer is based on the other element attributes and I have demonstrated how to extract the text **test user** from the given HTML. – undetected Selenium Jan 20 '20 at 07:07
Thank you so much. I have tried with Using CSS_SELECTOR and get_attribute() methods. – deepakbhavale67 Jan 23 '20 at 06:34
could you please tell me how I should select the second value for the same element? as there is hierarchy of 4. – deepakbhavale67 Jan 24 '20 at 07:25
@DeepakBhavale Can you raise a new question for your new requirement please? – undetected Selenium Jan 24 '20 at 07:26

Udhav Sarvaiya · Answer 2 · 2020-01-20T12:25:37.033

1

You can use XPath like this for remove white-space:

driver.find_element_by_xpath('//span/text()[normalize-space()="test user"]')

If you don't have white-space in the span tag, use XPath this way:

driver.find_element_by_xpath('//span[contains(text(), "test user")]')

For Dynamically:

driver.find_element_by_xpath('//span[contains(text(), "' . $HereIsSetYourDynamicallyVaribleName . '")]')

edited Jan 20 '20 at 12:25

answered Jan 18 '20 at 09:36

Udhav Sarvaiya

9,380
13
53
64

actually the name test user dynamically generated, so how to handle that can you please tell me ? – deepakbhavale67 Jan 20 '20 at 07:05

score 0 · Answer 3 · answered Jan 17 '20 at 12:48

0

You can find the element using the xpath:

driver.find_element_by_xpath("//span[@class='smb-DropdownItem-text']//span[contains(text(),'test user')]");

answered Jan 17 '20 at 12:48

Sameer Arora

4,439
3
10
20

actually the name test user dynamically generated, so how to handle that can you please tell me ? – deepakbhavale67 Jan 20 '20 at 07:05

Muzzamil · Answer 4 · 2020-01-20T08:01:47.750

0

You can give it try with below xpath.

//img[contains(@src, '/profile/image/')]]/following-sibling::span

edited Jan 20 '20 at 08:01

answered Jan 18 '20 at 11:33

Muzzamil

2,823
2
11
23

actually the name test user dynamically generated, so how to handle that can you please tell me ? – deepakbhavale67 Jan 20 '20 at 07:05
You should mention this point in question. Full name will be changed or partial? – Muzzamil Jan 20 '20 at 07:41
You can try now with updated xpath. It is independent from text – Muzzamil Jan 20 '20 at 08:02

How to locate the element and extract the innerText using Selenium and Python

4 Answers4