当我点击P3的时候，会全部删除？是不是触发了 冒泡 怎么才能阻止呢？
<!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>
19990000浏览 1526回答 2
2回答
-
千秋此意
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(); } }这样改就行了 -
橋本奈奈未
既然猜是这个原因就试一下呗。是的，是因为冒泡引起的
随时随地看视频慕课网APP
相关分类
JavaScript