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 的私有的自定义数据。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐