原生js中的事件委托(为新添加的DOM元素添加事件)
作用:
作用:
事件委托可以为新添加的DOM元素动态的添加事件
js中的addEventListener方法
语法:
document.addEventListener('click',function(event){
var target = event.target; //通过console.log(event)查看有target属性
//target属性(就是我们点击的这个元素标签对象)
//parentNode是父级标签对象
//nodeName是标签名字
if(target.nodeName == "A"){
//判断我们点击的是A标签
//发起ajax
id=target.getAttribute('num');
xhr.open('get','http://www.test.com/delete.php?id='+id,true);
xhr.send();
xhr.onreadystatechange=function(){
if(xhr.readyState==4 && xhr.status==200){
val=xhr.responseText;
if(val==1){
obj=event.target.parentNode.parentNode; //找到tr标签
obj.style.display='none'; //隐藏
}
}
}
}
})