data //自定义属性

<li data-index="4">a</li>

如以上代码所示 data-index 就是自定义属性
dataset 获取的该元素自定义属性的的集合

  <ul>
    <li data-index="4" ,data-num = "11">a</li>
  </ul>
  <script>
    var li  = document.getElementsByTagName('li');
    console.log(li.dataset)
    //如果有多个自定义属性
    var num = li.dataset.num;
    //修改自定义属性 此处修改num
    li.dataset.num = 12;
  </script>

修改自定义属性的看如下小demo

  <ul>
    <li>a</li>
    <li>a</li>
    <li>a</li>
    <li>a</li>
  </ul>
  <script>
    var ul = document.getElementsByTagName('ul')[0];
    var li  = document.getElementsByTagName('li');
    for(var i = 0 ; i< li.length ; i++){
      li[i].dataset.index = i; //修改自定义属性
    }
    ul.addEventListener("click", function(e){
      var source = e.target;
      alert(source.dataset.index)
    },true);
  </script>

删除自定义属性
delete 与 removeAttribute 可以删除