设置H5自定义属性
1: h5规定自定义属性data开头作为属性名 并且赋值
比如:
2:使用js设置: element.SetAttribute(‘data-index’,2)
获取H5自定义属性
1:兼容性获取:element.getAttribute(‘data-index’);
2:H5新增element.dataset.index或者element.dataset[‘index’] ie11才开始
3:dataset是一个集合,存放所有以data开头的自定义属性
:4;如果自定义属性里面有多个-链接的单词,我们获取的时候采取 驼峰命名法
<div getTime="20" data-index="2" data-list-name="andy"></div>
<script>
var div = document.querySelector('div');
// console.log(div.getTime);
console.log(div.getAttribute('getTime'));
div.setAttribute('data-time', 20);
console.log(div.getAttribute('data-index'));
console.log(div.getAttribute('data-list-name'));
// h5新增的获取自定义属性的方法 它只能获取data-开头的
// dataset 是一个集合里面存放了所有以data开头的自定义属性
console.log(div.dataset);
console.log(div.dataset.index);
console.log(div.dataset['index']);
// 如果自定义属性里面有多个-链接的单词,我们获取的时候采取 驼峰命名法
console.log(div.dataset.listName);
console.log(div.dataset['listName']);