扫码关注官方订阅号
认证高级PHP讲师
原因上面都清楚了，代码首先为 btn 添加了个点击事件，然后再为所有 a 元素添加。为 a 元素添加点击事件出现在 a 元素出现之前，故无效。解决办法，可以在那个 innerHTML 之后，为 innerHTML 里的 a 元素添加点击事件；或者事件委托，委托给 body 元素。
首先想问个问题。。你这个body里面似乎没有a标签啊
应该用闭包。在原代码中，for循环的console.log(alla[i])中的alla[i]引用的是同一个变量，所以，一旦循环了n次后，alla[i]会是alla[n]。
应该利用闭包，改为下面代码：
for(var i=0; i<alla.length;i++){ (function(item){ item.onclick=function(){ console.log(item); } }(alla[i])); }
你的a标签是通过btn.onclick添加的,所以alla添加事件的时候还不存在
原因是：你的a标签是通过button#btn.onclick动态插入的，在window.onload后，页面上根本就还没有a标签存在。此外，循环的时候要利用闭包才能在获取到正确的i值。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
5
396
收藏
原因上面都清楚了，代码首先为 btn 添加了个点击事件，然后再为所有 a 元素添加。
为 a 元素添加点击事件出现在 a 元素出现之前，故无效。
解决办法，可以在那个 innerHTML 之后，为 innerHTML 里的 a 元素添加点击事件；或者事件委托，委托给 body 元素。
首先想问个问题。。你这个body里面似乎没有a标签啊
应该用闭包。在原代码中，for循环的console.log(alla[i])中的alla[i]引用的是同一个变量，所以，一旦循环了n次后，alla[i]会是alla[n]。
应该利用闭包，改为下面代码：
你的a标签是通过btn.onclick添加的,所以alla添加事件的时候还不存在
原因是：你的a标签是通过button#btn.onclick动态插入的，在window.onload后，页面上根本就还没有a标签存在。此外，循环的时候要利用闭包才能在获取到正确的i值。