<ul>
<li>html</li>
<li>css</li>
<li>js</li>
</ul>
<script>
// 只能对单个对象执行时间 不能对集合执行事件
var lis = document.getElementsByTagName("li");
for(var i=0;i<lis.length;i++){
lis[i].onclick = function(){
console.log(this);
// 点谁谁消失
this.style.display = "none";
}
}
</script>
方法2
<ul>
<li>html <button>删除</button></li>
<li>css <button>删除</button></li>
<li>js <button>删除</button></li>
</ul>
<script>
var btns = document.getElementsByTagName("button");
for(var i=0;i<btns.length;i++){
btns[i].onclick = function(){
var isShow = confirm("是否删除");
console.log(isShow);
if(isShow){
this.parentNode.style.display="none"
}
}
}
</script>