html - 从 html 元素获取 data-id

Question

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

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

如何获得 43434 的值？我想访问数据的内容。

Answer 1

如我所见，您想在 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');

Answer 2

使用has 属性选择器获取元素并从属性中获取值或使用方法dataset获取属性值。Element#getAttribte

console.log(
  document.querySelector('div[data-id]').dataset.id
)

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