在 javascript 中，获取元素的 data-id 属性的方法有两种：使用 getattribute() 方法使用 dataset 属性
在 JavaScript 中获取 data-id
在 JavaScript 中，可以通过以下方式获取元素的 data-id 属性：
1. 使用 getAttribute() 方法
const element = document.getElementById('my-element');
const dataId = element.getAttribute('data-id');
2. 使用 dataset 属性
dataset 属性是一个只读 DOMStringMap 对象，包含元素所有自定义数据属性。它可以通过以下方式访问：
const element = document.getElementById('my-element');
const dataId = element.dataset.id;
示例：
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"
注意：
- data-id 属性是自定义属性，这意味着它不是 HTML 规范的一部分。
- 对于带有连字符的 data 属性，例如 data-my-id，可以使用中划线大写法来访问它们，例如 dataset.myId。
- 如果元素没有 data-id 属性，getAttribute() 方法将返回 null，而 dataset 属性将返回 undefined。
