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

来源:互联网 发布:国家会对网络监控吗 编辑:程序博客网 时间:2024/05/20 22:30
原生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标签//发起ajaxid=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'; //隐藏}}}}})


原创粉丝点击