html5自定义属性-HTML5 中的数据集 dataset 和自定义属性 data-*

数据集dataset和自定义属性data-*

在 HTML5 中，您可以向所有元素添加自定义属性。 该属性的前缀以data-开头，如：data-name。 目的是为元素提供与页面渲染无关但与dom元素强相关的属性。 添加自定义属性后，我们可以通过元素的 dataset 属性访问其值。

dataset 与 getAttribute/setAttribute 的比较

我是div

var div = document.getElementById('div');
console.log(div.getAttribute('name')); // divName
div.setAttribute('gender','male');
console.log(div.getAttribute('gender')); // male

现在我们来使用html5中的自定义属性data-*

总结

从前面的代码我们可以知道dataset属性值是一个DOMStringMap的实例，它是通配符对的映射。 事实上，自定义属性已经使用很长时间了。 易迅、淘宝等电商网站都有评论。 页面html5自定义属性，可以看到很多东西。 如果需要向元素添加一些不可见的数据进行其他处理html5自定义属性，则需要使用自定义数据属性。 在跟踪链接或混搭中，自定义数据属性可以轻松了解点击来自页面的哪个部分。