46.@弹出点击次数

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>弹出点击次数</title>
 6     <style>
 7         ul li {
 8             list-style-type: none;
 9             cursor: pointer;
10         }
11     </style>
12 
13 </head>
14 <body>
15 <ul id="test">
16     <li>第一条</li>
17     <li>第二条</li>
18     <li>第三条</li>
19 </ul>
20 
21 </body>
22 
23 <script>
24     //弹出点击次数
25     (function A() {
26         var index = 0;
27         var ul = document.getElementById("test");
28         var obj = {};
29         for (var i = 0, l = ul.childNodes.length; i < l; i++) {
30             if (ul.childNodes[i].nodeName.toLowerCase() == "li") {
31                 var li = ul.childNodes[i];
32                 li.onclick = function () {
33                     index++;
34                     alert(index);
35 
36 
37                 }
38             }
39         }
40     })();
41 
42 </script>
43 
44 </html>

View Code

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>弹出点击次数</title>
    <style>
        ul li {
            list-style-type: none;
            cursor: pointer;
        }
    </style>

</head>
<body>
<ul id="test">
    <li>第一条</li>
    <li>第二条</li>
    <li>第三条</li>
</ul>

</body>

<script>
    //弹出点击次数
    (function A() {
        var index = 0;
        var ul = document.getElementById("test");
        var obj = {};
        for (var i = 0, l = ul.childNodes.length; i < l; i++) {
            if (ul.childNodes[i].nodeName.toLowerCase() == "li") {
                var li = ul.childNodes[i];
                li.onclick = function () {
                    index++;
                    alert(index);


                }
            }
        }
    })();

</script>

</html>