How to get HTML5 data attribute using xpath?

Question

How do I get the first table (table1) using xpath for Webdriver?

<span id="dynamically generated id" data-id="table1">
  <table>
  ...
  </table>
</span>

<span id="dynamically generated id" data-id="table2">
  <table>
  ...
  </table>
</span>

I am able to get all data-id elements but I want to filter within it for text table1 to get the exact element.

This did not work!

driver.findElement(By.xpath("//@*[starts-with(name(),'data-id') [contains(text(),'table1')]]"));

Moritz Petersen · Accepted Answer · 2014-02-11 12:44:17Z

37

You get the table like this:

//span[@data-id='table1']/table

Select the data-id attribute and get the child element of name table.

answered Feb 11, 2014 at 12:44

Moritz Petersen

13.1k3 gold badges42 silver badges46 bronze badges

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

Comments

Nickolaus · Accepted Answer · 2015-04-29 17:21:53Z

29

Answering my own question...This appears to get the exact element.

driver.findElement(By.xpath("//*[@data-id='table1']"))

edited Apr 29, 2015 at 17:21

Nickolaus

4,8694 gold badges40 silver badges62 bronze badges

answered Feb 11, 2014 at 12:42

Bala

11.3k19 gold badges75 silver badges134 bronze badges

1 Comment

d0rf47 Over a year ago

this may work but generally for automation testing on projects undergoing development it may not be good practice since if any changes are made to the dom on that specific page your xpath will most likely change and you'll have to re-write the test cases

Adam Bilinski · Accepted Answer · 2016-08-11 13:45:42Z

3

I think you can also use the cssSelector

driver.findElement(By.cssSelector("[data-id='table1']"));

answered Aug 11, 2016 at 13:45

Adam Bilinski

1,1981 gold badge18 silver badges28 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:02:59Z

2

Try (built this be combining xpath: find a node that has a given attribute whose value contains a string and Getting attribute using XPath)

driver.findElement(By.xpath("//*[contains(@data-id, 'table1')]/@data-id"));

edited May 23, 2017 at 12:02

CommunityBot

11 silver badge

answered Feb 11, 2014 at 12:44

Uri Agassi

37.5k16 gold badges82 silver badges96 bronze badges

Collectives™ on Stack Overflow

How to get HTML5 data attribute using xpath?

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related