data-id如何在js中获得

百变鹏仔 3天前 #JavaScript

文章标签如何在

在 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如何在js中获得

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？