自定义属性

setAttribute/getAttribute/removeAttribute设置获取移除元素的自定义属性信息（这种方式是把自定义属性放到元素结构上）

        var btnList = document.querySelectorAll('button');
        for(var i = 0;i < btnList.length;i++){
            // 设置自定义属性：元素对象.属性名 = 属性值（原理是向元素
            // 对象对应的堆内存中添加一个属性）
            // btnList[i].myIndex = i;


            // 设置自定义属性：基于SETATTRIBUTE是把属性信息写到元素
            // 标签的结构上（在结构中可以看到的），并没有放到元素对象对应的堆内存中
            btnList[i].setAttribute('data-index',i);
            btnList[i].onclick = function(){
                // 获取自定义属性：元素对象.属性名（原理是从堆内存中获取到对应的属性值）
                // alert(this.myIndex);


                // 基于GET-ATTRIBUTE可以把结构上存储的自定义属性值获取到
                alert(this.getAttribute('data-index'));
            }
        }