<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> </head> <body> <div id="test"> <span>0</span> <span>1</span> <span>2</span> <span>3</span> </div> </body> </html> <script type="text/javascript"> window.addEventListener("load",init,false); function init(){ spans=$("test").getElementsByTagName("span"); for(var i=0;i<spans.length;i++) { spans[i].onclick=function(){ alert(i); } } } function $(id){ return document.getElementById(id); } </script>
为什么单击0 1 2 3弹出的警告框都是4?
点击事件上的i是循环完的i也就是4,如果要拿到0123可以写个闭包函数
一周热门 更多>