从html元素中获取data-id

时间:2017-03-13 12:50:22

标签: html css-selectors testcafe

我正在尝试提取data-id的内容。 例如:

<div data-id= "43434"></div>

我怎样才能获得43434的价值?我希望能够访问数据内容。

2 个答案:

答案 0 :(得分:2)

我认为你想在TestCafe测试中得到这个值。

如果是这样,您可以使用Selector.getAttribute()方法。

const element   = Selector('your-div-selector');
const attrValue = await element.getAttribute('data-id');

// or if you need to use it in an assertion
await t.expect(element.getAttribute('data-id')).eql('43434');

答案 1 :(得分:1)

使用has attribute selector获取元素,并使用dataset属性获取Element#getAttribte属性的值或获取属性值。

console.log(
  document.querySelector('div[data-id]').dataset.id
)
<div data-id="43434"></div>