传统实现方式

李雷   <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

原文出处：/show_1IX400Orq36H.html