为了账号安全,请及时绑定邮箱和手机立即绑定

当我点击P3的时候,会全部删除?是不是触发了 冒泡 怎么才能阻止呢?

当我点击P3的时候,会全部删除?是不是触发了 冒泡 怎么才能阻止呢?

19990000 2017-10-03 10:03:35
<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title>     <style>         div{             width:80px;             height:80px;             border:1px solid #000;         }     </style> </head> <body> <div class="aaa" id="p1">     <span>111</span>     <div class="aaa" id="p2">         <span>2222</span>         <div class="aaa" id="p3">             <span>333</span>         </div>     </div> </div> <script> var divs=document.getElementsByClassName("aaa"); for(var i=0;i<divs.length;i++){     divs[i].onclick=function(e){         this.parentNode.removeChild(this);     } } </script> </body> </html>
查看完整描述

2 回答

已采纳
?
千秋此意

TA贡献158条经验 获得超187个赞

var divs = document.getElementsByClassName("aaa");
for (var i = 0; i < divs.length; i++) {
    divs[i].onclick = function(e) {
        this.parentNode.removeChild(this);
        e.stopPropagation && e.stopPropagation();
    }
}

这样改就行了

查看完整回答
反对 回复 2017-10-03
?
橋本奈奈未

TA贡献436条经验 获得超108个赞

既然猜是这个原因就试一下呗。是的,是因为冒泡引起的

查看完整回答
反对 回复 2017-10-03
  • 2 回答
  • 0 关注
  • 1525 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信