javascript - 单击按钮后如何删除特定的 ？

Question

我正在尝试制作待办事项列表。当我试图删除时，我根本做不到。我不知道如何运行函数 removeBtn()

var input = document.getElementById("task");
var button = document.getElementById("enter");
var ul = document.querySelector("ul");

function newElement(){
        var node = document.createElement("li");
        node.appendChild(document.createTextNode(input.value));
        var delButton = document.createElement("button");
        delButton.innerHTML = 'Done';
        node.appendChild(delButton);
        delButton.addEventListener('click', removeBtn);
        ul.appendChild(node).classList.add("remList");
        input.value ='';
}

function checkLength(){
    if (input.value.length != 0){
        newElement();   
    }
    else {
        alert('Empty');
        }
}


function removeBtn(){
    var list = document.getElementsByClassName("remList");
    ul.removeChild("remList");
}

button.addEventListener("click", checkLength);

Answer 1

除了选择要删除的单个 元素外，您还需要将要删除的正确.remList 与按钮监听器关联起来。如果您希望在单击 delButton 时删除创建的 node，则需要以某种方式将 node 连接到监听器。一种选择是:

// ...
node.appendChild(delButton);
delButton.addEventListener('click', () => node.remove());
ul.appendChild(node).classList.add("remList");
// ...

(根本不需要单独的 removeBtn 函数)