一列をクリックしてindexを表示する3つの方法

    
     
    
     
    
     



    //     ，  index  
    /**window.οnlοad=function(){
       * var otest=document.getElementById('test');
        var oli=document.getElementById('test').getElementsByTagName('li');
       * for(var i=0;i<oli.length;i++){
            oli[i].setAttribute('index',i);
            oli[i].οnclick=function(){
              console.log(this.getAttribute('index'));
            }
        }
        };*/
    //   
   /** var oli=document.getElementById('test').getElementsByTagName('li');

        for(var i=0;i<oli.length;i++){
            oli[i].index=i;
            oli[i].addEventListener("click",function(e){
                console.log(e.target.innerText);
                console.log(e.target.index);
            });
        }*/

    //  3，       
   /** var oli=document.getElementById('test').getElementsByTagName('li');
    for(var i=0;i<oli.length;i++) {
        oli[i].addEventListener("click", function (num) {
            return function () {
                console.log(num);
            }
        }(i))
    }*/