在 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。
