轮播图中自定义属性的问题

Question

  var picImg = document.getElementById('pic').getElementsByTagName('img');  //图片  var tabLi = document.getElementById('tab').getElementsByTagName('li');    //按钮  var index = 0;    picImg[0].style.display = 'block';  tabLi[0].className = 'on';       for(var i=0;i<tabLi.length;i++){    tabLi[i].index = i;    //自定义属性index    tabLi[i].onclick = function(){      picImg[index].style.display = 'none';   //每个li都有index自定义属性         tabLi[index].className = '';      index = this.index;      picImg[indexr].style.display = 'block';      tabLi[index].className = 'on';    }  }网上说每个li都有index自定义属性，我无法理解picImg[index].style.display = 'none';  tabLi[index].className = '';中index的含义，求两行代码具体解释。