自定义data-*属性

发表于 | 分类于 | | 阅读次数:

自定义data-*属性，HTML标签上添加以 “data-“开头的属性即可

1
2
//HTML中
<li id="tab" data-role="tabbbb" data-view="#rec-view" >推荐</li>

读取的时候是通过dataset对象，使用”.”来获取属性，需要去掉data-前缀，连字符需要转化为驼峰命名

1
2
3
//js中读取
let tab = document.querySelector('#tab')
tab.dataset.role