原生js中的事件委托(为新添加的DOM元素添加事件)

原生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'; //隐藏
				}
			}
		}
	}
})


猜你喜欢

转载自blog.csdn.net/nuc_badaomen/article/details/76077891