JavaScript-如何将onClick函数添加到动态创建的按钮元素中？

Question

这里是初学者，我正在制作一个应用程序，该应用程序使用动态创建的按钮作为“ li”元素的子代来生成列表项。 我想为这个动态创建的按钮分配一个onClick函数，但是似乎没有任何作用。 我尝试了很多方法，这是我最近的代码。

var done = document.createElement("button");
    done.onClick=function() {
        alert("working");
    };
    done.innerText = "Finished!";
    done.id = "deleteButton_"; 

该按钮生成正常，但是单击时什么也没有发生。 有任何想法吗？ 谢谢！

Answer 1

案件很重要

done.onClick=function() {

需要是

done.onclick=function() {

更好，如果你使用的addEventListener ，而不是所有的浏览器都支持的innerText考虑的textContent

Answer 2

对于addEventListener ，您可以执行类似的操作

done.addEventListener('click', function (){
    alert('working');
});

Answer 3

var iDiv = document.createElement('div');
iDiv.id = 'buttonDiv';
var button= document.getElementById('buttonDiv').innerHtml('<input type="button" onclick="myFunction(this)"');

function myFunction(button){
console.log(buton.id);
alert('pressed button with id :'+button.id);
}