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

以上就是data-id如何在js中获得的详细内容，更多请关注css网站其它相关文章！