在 JavaScript 中，获取元素的 data-id 属性的方法有两种：使用 getAttribute() 方法使用 dataset 属性

在 JavaScript 中获取 data-id

在 JavaScript 中，可以通过以下方式获取元素的 data-id 属性：

1. 使用 getAttribute() 方法

<code class="javascript">const element = document.getElementById('my-element');
const dataId = element.getAttribute('data-id');</code>

2. 使用 dataset 属性

dataset 属性是一个只读 DOMStringMap 对象，包含元素所有自定义数据属性。它可以通过以下方式访问：

<code class="javascript">const element = document.getElementById('my-element');
const dataId = element.dataset.id;</code>

示例：

<code class="javascript">const element = document.querySelector('div[data-id="my-div"]');

// 使用 getAttribute() 方法
const dataId1 = element.getAttribute('data-id');

// 使用 dataset 属性
const dataId2 = element.dataset.id;

console.log(dataId1); // "my-div"
console.log(dataId2); // "my-div"</code>

注意：

• data-id 属性是自定义属性，这意味着它不是 HTML 规范的一部分。
• 对于带有连字符的 data 属性，例如 data-my-id，可以使用中划线大写法来访问它们，例如 dataset.myId。
• 如果元素没有 data-id 属性，getAttribute() 方法将返回 null，而 dataset 属性将返回 undefined。