<!DOCTYPE html> <html lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" > window.onload = function(){ var aLi = document.getElementsByTagName("a"); for(var i = 0; i < aLi.length; i++) //for循环后，i=3，判断i<aLi.length,退出循环，此时i的值为3 { aLi[i].onclick = function() { alert(i); //3 //此时的i,是for循环完成之后的i值 } } }; </script> </head> <body> <div class="wrap"> <a href="javascript:;" class="link">第一个链接</a> <a href="javascript:;" class="link">第二个链接</a> <a href="javascript:;" class="link">第三个链接</a> </div> </body> </html>
如果我们想要得到每次循环中的i值，则要在函数内做一下改动。
window.onload = function(){ var aLi = document.getElementsByTagName("a"); for(var i = 0; i < aLi.length; i++) //for循环后，i=3，判断i<aLi.length,退出循环，此时i的值为3 { aLi[i].count = i; //把for循环中的i保存到count中。 aLi[i].onclick = function() { alert(this.count); //调用自身的count值。 } } };