data-属性的作用是什么?
data-
为 H5 新增的为前端开发者提供自定义的属性,
这些属性集可以通过对象的dataset
属性获取,
不支持该属性的浏览器可以通过getAttribute
方法获取,
需要注意的是:data-
之后的以连字符分割的多个单词组成的属性,获取的时候使用驼峰风格。
驼峰
data-list-name
element.setAttribute('data-index',2)
element.getAttribute('data-index')
H5新增的 ie11才开始支持
element.dataset.index
element.dataset['index']
所有主流浏览器都支持 data-* 属性。
即:当没有合适的属性和元素时,自定义的 data 属性是能够存储页面或 App 的私有的自定义数据。
还没有评论,来说两句吧...