<body>
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>
<!-- <script>
// 此方法弊端就是如果有很多个li的话 会给每个li都绑定事件 浪费性能
var lis = document.querySelectorAll("li");
var ul = document.querySelector("ul");
for (var i = 0; i < lis.length; i++) {
lis[i].onclick = function () {
ul.removeChild(this);
}
}
</script> -->
<!-- 事件委托的应用 虽然点的是ul 但是事件target传递到li身上了 -->
<script>
var ul = document.querySelector("ul");
ul.onclick = function (e) {
ul.removeChild(e.target);
}
</script>
</body>
事件委托就是利用冒泡的特点 节省性能 设置父节点利用冒泡设置影响到每个子节点