4
453var Box=function(){}
Box.prototype={
close:function(){
removeChild.....
}
}
var a=new Box();
var b=new Box();效果是都可以删掉,但是只有最后一个不报错,前面都会报错,不知道为啥
js.js:30 Uncaught TypeError: Cannot read property 'removeChild' of null
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
会不会是多次触发事件的原因？
var a=new Box();
调用了一次addListener
var b=new Box();
又调用了一次
这样是不是就会调用两次事件处理？
第一次remove成功，第二次就失败了
如果是的话，也就验证了为什么最后一个没有报错，因为每次new Box()都会将已经存在的closeBtn添加一个Lsitener，前面的都有多个Listener，最后一个只有一个Listener
只是猜测
把for那段的内容（不包括for语句本身）放一封闭环境内运行，试试行不行
你说的都可以删掉，是指：
点击 按钮1 ， 然后 显示的效果是：按钮1 被删除了（你移除的是btn 的 父元素 ， 连btn的父元素都移除了 ，btn 自然就消失了，所以效果看起来就是 ， 按钮被移除了）？？
点击按钮2 ， 同样，
....
点击最后一个按钮，也是一样的效果？？
你确定？？
如果是，那 你被你所看到的效果蒙骗了。
如果错误信息是 除了 最后一个按钮 点一下，出现按钮被移除，且没报错。 那问题就是 你的 html 结构布局有问题。
你仔细检查 每个定义事件的btn 是否都有父元素 ， 且btn的父元素 也有父元素。 根据你的错误信息，除了最后一个满足这个要求之外，其他按钮 ，都不满足....
因为你用的是for循环