H5自定义属性

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

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

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

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

1.设置H5自定义属性

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

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

或者使用JS设置

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

H5自定义属性

获取H5自定义属性

1.兼容性获取element.getAttribute('data-index');

2.H5新增element.dataset.index 或者element.dataset['index'] ie 11才开始支持