闭包 —— 获取li列表的index简例 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>获取li的index</title>
</head>
<body>
    <ul>
        <li>《登鹳雀楼》</li>
        <li>白日依山尽，</li>
        <li>行河入海流。</li>
        <li>欲穷千里目，</li>
        <li>更上一层路。</li>
    </ul>
    <script>
        var li = document.getElementsByTagName('li');
        for(var i=0;i<li.length;i++) {
            li[i].index = i;
            li[i].onclick = function(){
                alert(this.index);
            }
        }
    </script>
</body>
</html>

 

posted @ 2017-07-17 14:45  0_0墨眉  阅读(258)  评论(0)  编辑  收藏  举报