添加按钮

Question

我正在尝试将click事件添加到按钮中。我将按钮放在td标签中的表格行中。我喜欢这个

var btn_td = document.createElement('td');
var button = document.createElement('button');
button.innerHTML = 'delete';
button.onclick = function() {
    alert('attempt to delete' + books[j].id);
    removeFileById(books[j].id);
}

btn_td.appendChild(button);
tr.appendChild(btn_td);

但是当我点击button时 - 没有任何反应。没有alert，没有对页面的请求。

按钮被添加到表格中

Answer 1

编辑：最好使用addEventListener，而不是直接访问点击属性。

button.addEventListener('click', function() {
  alert('attempt to delete' + books[j].id);
  removeFileById(books[j].id);
});

不要忘记在元素不再存在/正在使用时删除事件侦听器是一种好习惯。因此，如果您有任何删除button元素的函数，那么您应该调用button.removeEventListener。

Answer 2

document. getElementsByTagName("button").addEventListener("click", function(){
    alert('attempt to delete' + books[j].id);
removeFileById(books[j].id);
});

Answer 3

如果您不想（想）使用jQuery，则应在元素上使用 addEventListener（）方法，如下所示：

button.addEventListener('click', function() { 
    // Doing what you want ... 
});

良好的延续：）