html要素からdata-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');