# H5 自定义属性

自定义属性目的：是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中

自定义属性获取是通过 getAttribute('属性') 获取

但是有些自定义属性很容易引起歧义，不容易判断元素的内置属性还是自定义属性

H5 给我们新增了自定义属性

# 设置 H5 自定义属性

H5 规定自定义属性 data 开头作为属性名并赋值

1

<div data-index="1"></div>

或使用 JS 设置

1

element.setAttribute('data-index', 2);

# 获取 H5 自定义属性

1. 兼容性获取 element.getAttribute (‘data-index’);
2. H5 新增 element.dataset.index 或者 element.dataset [‘index’] IE11 才开始支持

• dataset 是一个集合 里面存放了所有以 data 开头的自定义属性
• 如果自定义属性里面有多个 - 链接的单词，获取的时候采用驼峰命名法