JavaScript：获取自定义属性 作者：马育民 • 2022-09-06 16:33 • 阅读：10035 # 传统实现方式 ``` 李雷 <a href="javascript:void(0)" delId="1">删除</a> ``` ``` let a = document.getElementById("a") // 设置自定义属性 a.setAttribute("dataId","1"); //获取自定义属性 let dataId = a.getAttribute("dataId") console.log("dataId:",dataId) ``` # H5实现 H5规定自定义属性 `data-` 为开头作为属性名并赋值 ### 定义属性 ``` <div data-index="1"></div> ``` ### 取值 `dataset` 是一个集合, 里面存放了所有以 `data` 开头的自定义属性 ``` .dataset.index ``` ``` .dataset.['index'] ``` ### 例子 ``` <div data-index="1"></div> <script> var div = document.querySelector('div'); // h5新增获取自定义属性 console.log(div.dataset.index); // 1 console.log(div.dataset['index']); // 1 </script> ``` 参考： https://blog.csdn.net/qq_33962481/article/details/118081357 原文出处：http://malaoshi.top/show_1IX400Orq36H.html