从类中删除onclick按钮

Question

onclick的按钮与class of obliterate，我想让我的下面的代码采取了一堆相同的按钮，除了它的唯一id，然后删除它。这些按钮可以通过innerHTML随时从用户输入。我想删除按钮onclick，在confirm之后，这是我的当前代码：

document.getElementsByClassName('obliterate').onclick = function() {
      if (confirm('Are you sure you want to delete this?')){
         //get this then remove it with remove(this.id);
    }
}

Answer 1

应该直接向前，将事件处理程序附加到元素，删除元素。

var elems = document.querySelectorAll('.obliterate');

for (var i=0; i<elems.length; i++) {
    elems[i].addEventListener('click', function() {
        if ( confirm('Are you sure you want to delete this?') ) {
            this.parentNode.removeChild(this);
        }
    }, false);
}

如果页面负载上不存在元素，则必须委托，如果不使用库，则可能会比较复杂，这取决于您想要匹配的选择器，如果单击元素中有子元素，等等，但是下面是一个简单的版本

document.addEventListener('click', function(event) {
    var clicked = event.target;
    var elems   = [].slice.call(document.querySelectorAll('.obliterate'));

    if ( elems.indexOf(clicked) !== -1 ) {
        if ( confirm('Are you sure you want to delete this?') ) {
            clicked.parentNode.removeChild(clicked);
        }
    }
}, false);

FIDDLE

Answer 2

您可以使用bind函数提供上下文，因此在您的情况下：

element.onclick = function(){ ... }.bind(this);