html数据属性 data-*

在html标签中定义属性,需要时可以读取属性的值,这类属性称为数据属性

定义数据属性
命名规则是data-<属性名称>

例如


vi设计http://www.maiqicn.com 办公资源网站大全https://www.wode007.com

在JavaScript中读取
读取时通过元素的dataset.<属性名称>访问,

function read(){
obj = document.getElementById('message');
console.log(obj.dataset.text);
}
这样触发函数就能读取data-text的值

原文地址:https://www.cnblogs.com/wwyydd/p/14356924.html