使用纯JavaScript在点击时删除父元素

我正在尝试学习以前在jQuery中使用普通Javascript所做的事情。

我有我在互联网上找到的要解决的示例，这确实给了我很多麻烦。

我正在尝试div.single点击删除父对象button.remove。

这是代码；

 var btn = document.getElementsByClassName('remove')
    
 for (var i = 0; i 
 

    
    X1
  
  

    
    X2
  
  

    
    X3
  
  

    
    X4
  





我出错了e.parentNode is undefined。

这是执行相同操作的jQuery代码。

$(document).ready(function() {  
  $(document).on('click', '.remove', function () {    
    $(this).parent('.single').remove()
  })
})


感谢您的任何答案。


1> Arun P Johny..：
您需要从事件对象（currentTarget / target）中获取元素引用

注意：所有现代浏览器都支持Node.remove（）



var btn = document.getElementsByClassName('remove')

for (var i = 0; i 

  
  X1


  
  X2


  
  X3


  
  X4