javascript - 如何在同一函数中将“onclick”事件添加到 .appendChild？

Question

这是我关于堆栈溢出的第一个问题。我正在做一些研究，但我无法找到解决方案或更好地为我说出可以理解的问题。我想做的是，创建一个任务列表。使用作为按钮的 appendChild(x) 后，我想直接创建具有此按钮功能的“onclick”事件。我不确定这是否可能。

这是我的代码，这样你们就可以直接看到我做了什么。

let newTask = [];



function addTask(){
    let someTask = document.getElementById('task').value;
    newTask.push(someTask);
    tasks.innerHTML="";
    for( i= 0; i < newTask.length; i++){
        let li = document.createElement('li');
        let done = document.createElement('button');
        let no = document.createElement('button');
        done.innerHTML="Done";
        no.innerHTML="Move to reminder list";
        li.innerHTML=newTask[i];
        tasks.appendChild(li);
        tasks.appendChild(done); 
        tasks.appendChild(no);       
    }
}

标签： javascript

Answer 1

你应该添加这个：

 tasks.appendChild(li);
 tasks.appendChild(done); 
 tasks.lastChild.onclick = function () { // your code }
 tasks.appendChild(no);   
 tasks.lastChild.onclick = function () { // your code }