data-id怎样在js中获得
在 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。
以上就是data-id怎样在js中获得的详细内容，更多请关注本网内其它相关文章！
免责说明：以上展示内容泉源于相助媒体、企业机构、网友提供或网络网络整理，版权争议与本站无关，文章涉及看法与看法不代表尊龙凯时官网登录滤油机网官方态度，请读者仅做参考。本文接待转载，转载请说明来由。若您以为本文侵占了您的版权信息，或您发明该内容有任何涉及有违公德、冒犯执法等违法信息，请您连忙联系尊龙凯时官网登录实时修正或删除。
