Javascript 删除待办事项列表中的复选框项目

我有一个简单的待办事项列表，它接受一些输入，然后在下面显示文本，旁边有一个复选框。我试图找出如何在每个删除项目的项目中添加一个按钮

函数onReady（）{ const addToDoForm=document.getElementById（'addToDoForm'）； const newToDoText=document.getElementById（'newToDoText'）； const toDoList=document.getElementById（'toDoList'）； addToDoForm.addEventListener（'submit'，事件=>{ event.preventDefault（）； 让title=newToDoText.value； 让newLi=document.createElement（'li'）； 让checkbox=document.createElement（'input'）； checkbox.type=“checkbox”； newLi.textContent=标题； newLi.appendChild（复选框）； 托多利斯特。阿佩奇尔德（纽利）； newToDoText.value=''； }); } window.onload=函数（）{ 警报（“窗口已加载！”）； onReady（）； };

新任务：
添加到做！

只需创建另一个元素，在本例中是一个按钮，并添加一个单击处理程序来删除父元素

function onReady() {
  const addToDoForm = document.getElementById('addToDoForm');
  const newToDoText = document.getElementById('newToDoText');
  const toDoList = document.getElementById('toDoList');

  function onDelete(e) {
    e.target.parentElement.outerHTML = "";
  }

  addToDoForm.addEventListener('submit', event => {
    event.preventDefault();

    let title = newToDoText.value;
    let newLi = document.createElement('li');
    let checkbox = document.createElement('input');
    let del = document.createElement('button');
    del.textContent = "delete";
    del.onclick = onDelete;
    checkbox.type = "checkbox";
    newLi.textContent = title;
    newLi.appendChild(checkbox);
    newLi.appendChild(del);
    toDoList.appendChild(newLi);
    newToDoText.value = '';
  });
}

window.onload = function() {
  alert("The window has loaded!");
  onReady();
};

---

只需创建另一个元素，在本例中是一个按钮，并添加一个单击处理程序来删除父元素

function onReady() {
  const addToDoForm = document.getElementById('addToDoForm');
  const newToDoText = document.getElementById('newToDoText');
  const toDoList = document.getElementById('toDoList');

  function onDelete(e) {
    e.target.parentElement.outerHTML = "";
  }

  addToDoForm.addEventListener('submit', event => {
    event.preventDefault();

    let title = newToDoText.value;
    let newLi = document.createElement('li');
    let checkbox = document.createElement('input');
    let del = document.createElement('button');
    del.textContent = "delete";
    del.onclick = onDelete;
    checkbox.type = "checkbox";
    newLi.textContent = title;
    newLi.appendChild(checkbox);
    newLi.appendChild(del);
    toDoList.appendChild(newLi);
    newToDoText.value = '';
  });
}

window.onload = function() {
  alert("The window has loaded!");
  onReady();
};

---

“有什么想法吗？”-基于观点的问题不属于StackOverflow的主题。无论如何，在显示的代码中，您演示了一种创建嵌套元素和绑定事件处理程序的技术，因此请使用该技术的一个版本创建一个带有单击处理程序的按钮…“有什么想法吗？”-基于意见的问题与StackOverflow无关。无论如何，在显示的代码中，您演示了一种创建嵌套元素和绑定事件处理程序的技术，因此请使用该技术的一个版本来创建带有单击处理程序的按钮…

e.target.parentElement.outerHTML=“”

->

e.target.parentElement.remove（）谢谢你的帮助！这真是太棒了，当我试着自己做的时候，我只是想得太多了。这让我更清楚了。
e.target.parentElement.outerHTML=“”
->
e.target.parentElement.remove（）谢谢你的帮助！这真是太棒了，当我试着自己做的时候，我只是想得太多了。这让我更清楚了。