JS 自定义属性添加与访问（H5）

一、自定义属性命名标准（H5）

        在H5中为了避免与系统内置属性相混淆，要求在添加自定义属性是命名规范为：

        data-index

        加入前缀’data-‘来进行区分

二、自定义属性添加

        之前的方法

        在box下添加自定义属性，属性名为index，数值为3

        box.setAttribute('data-index', 3);
        box.setAttribute('data-list-name', 'wwy');

三、自定义属性访问

        （1）之前的方法

        新建value，用index接收box.index其中的值，进行访问

var value = box.getAttribute('data-index');
console.log(value); // 结果：3

        （2）H5新增方法

        dataset.index

        dataset看作一个data开头的自定义集合

        获取时需要使用驼峰命名法 但只能获取data开头的相关内容

        console.log(box.dataset.index); // 结果：3    
        console.log(box.dataset['index']); // 结果：3
        console.log(box.dataset); // 结果：DOMStringMap {index: '3'}
        console.log(box.dataset.listName); // 结果:wwy