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>
<!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>