一、自定义属性的用法 循环的时候想给每一个item加一个标识或是不同的标识 用到自定义属性： 注意这个自定义属性是隐藏的
<ul> <li>111111</li> <li>222222</li> <li>333333</li> <li>444444</li> <li>555555</li> </ul> <script> // 需求：获取每个点击的li的下标 var oli = document.querySelectorAll('li') for (var i = 0; i < oli.length; i++) { oli[i].index = i //添加的一个动态的且隐藏的自定义属性 oli[i].onclick = function() { console.log(this.index) 自定义属性的取值 } } </script>案例： tab切换
<ul class="clearfloat"> <li class="liactive">1111111</li> <li>2222222</li> <li>3333333</li> </ul> <div class="active">11</div> <div>22</div> <div>33</div> <script> var Div = document.getElementsByTagName('div') var oli = document.getElementsByTagName('li') for (var i = 0; i < oli.length; i++) { //先添加自定义属性 oli[i].index = i; oli[i].onclick = function() { for (var j = 0; j < oli.length; j++) { oli[j].className = '' Div[j].className = '' } this.className = 'liactive' Div[this.index].className = 'active' } } </script>