js獲取dom下標(回頭寫個小案例)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <ul id="list">
            <li>0</li>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>
    </body>
    <script type="text/javascript">
        var _lis = document.getElementById("list").children;
        var _len = _lis.length;

        for(var i = 0;i < _len;i++){
//          _lis[i].onclick = (function(n){
//              return function(){
//                  console.log(n)
//              }
//          })(i)
            _lis[i].index = i;
            _lis[i].onclick = function(){
                console.log(this.index)
            }
        }
    </script>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章