從html元素獲取數據ID

Question

我正試圖提取data-id的內容。 例如：

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

如何獲得43434的值？我想要訪問數據的內容。

Answer 1

使用has attribute selector獲取元素，並從dataset獲取值屬性或使用Element#getAttribte方法獲取屬性值。

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

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

Answer 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');