添加删除到清除列表按钮以删除列表项答案

【问题标题】：Add delete to the Clear List button to remove the list itmes添加删除到清除列表按钮以删除列表项
【发布时间】：2023-01-20 00:09:54
【问题描述】：

如何将删除添加到清除列表按钮以删除列表项？应该声明一个变量吗？该怎么办？我是初学者，所以也许我经常使用查询选择器。请帮助

document.addEventListener('DOMContentLoaded', () => {

  document.querySelector('#submit').disabled = true;
  document.querySelector('#clear').disabled = true;

  document.querySelector('#todo').onkeyup = () => {
    if (document.querySelector('#todo').value.length > 0)
      document.querySelector('#submit').disabled = false;
    else document.querySelector('#submit').disabled = true;
  };

  document.querySelector('form').onsubmit = () => {
    const li = document.createElement('li');
    li.innerHTML = document.querySelector('#todo').value;

    document.querySelector('#to-dos').append(li);

    document.querySelector('#todo').value = "";

    document.querySelector('#submit').disabled = true;
    document.querySelector('#clear').disabled = false;

    document.querySelector("#clear").removeChild('#todo');
    return false;
  };
});

<h1>To-Do List</h1>

<form>
  <input type="text" placeholder="Add an item" id="todo" />
  <input type="submit" id="submit" />
  <button id="clear">Clear list</button>
</form>

<ol id="to-dos"></ol>

【问题讨论】：

“删除属性”应该是什么？（你只是问如何让你的“清除”按钮在职的，还是什么？）
你的问题不清楚。什么是“删除属性”？你为什么要删除清除按钮的孩子？它不应该有任何。
如果您只是询问如何使“清除”按钮删除列表项，您将需要另一个事件处理程序。
您可以触发此代码以删除所有 li/todo document.querySelectorAll("li").forEach((item) => item.remove());
是的，我想删除提交后添加的列表项。好的另一个事件处理程序，但我不知道将删除列表项的方法。

标签： javascript html

【解决方案1】：

function removeItem(item){
        var itemToRemove = document.getElementById(item);
        itemToRemove.parentNode.removeChild(itemToRemove);
}

var listItemHTML = '<div id="item' + i + '"><input type="checkbox" onclick="crossedOut('item' + i + '');">' + listItem + 
'<input type = "button" value="Remove" onclick="removeItem('item' + i + '');"></div>';

【讨论】：