移除dom节点

Question

<ul id="list">

    <li>001<a href="">删除</a></li>

    <li>002<a href="">删除</a></li>

    <li>003<a href="">删除</a></li>

</ul>

//如上，点击删除删除对应的li，

document.getElementById("list").addEventListener("click",function(e){

    //就在这里卡住了，不知道怎么获取到对应li；

},false);

Answer 1

通过事件委托，e.target获取真正触发事件的元素，而e.currentTarget是定义事件监听的元素，也就是ule.target获取的是 <a>，判断是否是<a>，如果是<a>，移除<a>的 parentNode(li)即可。因为你是用的<a> 触发点击，所以需要使用e.preventDefault() 阻止默认事件，否则会跳转&nbsp; &nbsp; var list =&nbsp; document.getElementById("list");&nbsp; &nbsp; list.addEventListener("click",function(e){&nbsp; &nbsp; &nbsp; &nbsp; //就在这里卡住了，不知道怎么获取到对应li；&nbsp; &nbsp; &nbsp; &nbsp; e.preventDefault();&nbsp; &nbsp; &nbsp; &nbsp; var target = e.target||e.srcElement;&nbsp; &nbsp; &nbsp; &nbsp; target.nodeName.toLowerCase() === 'a' ? list.removeChild(target.parentNode) : false;&nbsp; &nbsp; },false);&nbsp;&nbsp;