<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<a href="#">a1</a>
<a href="#">a2</a>
<a href="#">a3</a>
<a href="#">a4</a>
<a href="#">a5</a>
<script>
/*第一种方法*/
var aList = document.getElementsByTagName('a');
for (var i = 0; i < aList.length; i++) {
var a = aList[i];
a.index = i;
a.onclick = function () {
console.log(this.index);
}
}
/*第二种方法*/
var aList = document.getElementsByTagName('a');
for (var i = 0; i < aList.length; i++) {
var a = aList[i];
// 开启一个新的作用域
(function (i) {
a.onclick = function () {
console.log(i);
}
})(i);
}
</script>
</body>
</html>