點選事件獲取當前li的索引

html

思路：
先迴圈給每個li標籤加個索引的屬性，並賦值。

當點選的時候彈出當前li的索引屬性

var aLi = document.getElementsByTagName('li');
for(var i=0; i<aLi.length;i++){
    aLi[i].index = i;
    aLi[i].onclick = function(){
            console.log( this.index);    // this指向當前被點選的li
    }
}

my favour：
思路2：
迴圈，立即執行函式，當點選當前li就把i傳參直接列印。

var aLi = document.getElementsBy('li');
for(var i = 0; i<aLi.length; i++){
    (function (n){
        aLi[i].onclick = function(){
            console.log(n)
        }
     }(i)
    )
}