How to retrieve an attribute of a react element inside a class using selenium webdriver?

Question

This is the HTML. I want to retrieve the value Unblock from the element in the 4th line using selenium webdriver in python. Please help me regarding the same.

<a class="btn btn-micro hasTooltip" 
    href="javascript:void(0);" 
    onclick="return listItemTask('cb0','users.unblock')" 
    title="" data-original-title="Unblock">
    <span class="icon-unpublish">
    </span>
</a>

score 0 · Answer 1 · answered Aug 16 '18 at 06:46

0

Use this code

driver.findElement_by_xpath("//a[@class='btn btn-micro hasTooltip']").get_attribute("data-original-title");

answered Aug 16 '18 at 06:46

Rajagopalan

5,465
2
11
29

iamsankalp89 · Answer 2 · 2018-08-16T06:56:52.360

0

If you want to print attribute value in an element then you have to use getAttribute() method. You can use this code, you can convert it into Python as it is in JAVA

WebElement eletext= driver.findElement(By.xpath("//a[@class='btn btn-micro hasTooltip']"));

String textElement = eletext.getAttribute("data-original-title");    
System.out.println(textElement);

Difference:

getAttribute() - It extracts the text of any attribute in the HTML tag.

getText() - It extracts the innerText of a WebElement.

edited Aug 16 '18 at 06:56

answered Aug 16 '18 at 06:49

iamsankalp89

4,607
2
15
36

Now, you tell me how does this answer differ from my answer? – Rajagopalan Aug 16 '18 at 06:52
You are writing the same answer as mine, no difference. – Rajagopalan Aug 16 '18 at 06:53
Man he want to print that element your answer dont have that thing. As I dont know Python so I gave answer in JAVA. – iamsankalp89 Aug 16 '18 at 06:53

score 0 · Accepted Answer · answered Aug 16 '18 at 07:27

As per the HTML you have shared the desired element is a React element so you have to induce WebDriverWait for the element to be visible and you can use either of the following solution:

CSS_SELECTOR:

myText = WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "a.btn.btn-micro.hasTooltip[onclick*='users.unblock']"))).get_attribute("data-original-title")

XPATH:

myText = WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.XPATH, "//a[@class='btn btn-micro hasTooltip'][contains(@onclick,'users.unblock')]"))).get_attribute("data-original-title")

Why do you think that target link is *"React element"*? – Andersson Aug 16 '18 at 08:31 — Andersson, Aug 16 '18 at 08:31

How to retrieve an attribute of a react element inside a class using selenium webdriver?

3 Answers3