Question

我是javascript的新手，我第一次尝试制作待办事项列表。我正在尝试添加一个按钮来删除待办事项列表中的所有任务。我找不到它是如何工作的。

vCard file

我更喜欢用数组和循环来做，但我不知道如何。请帮忙。

Answer 1

 <script>
  function deleteAll(){
        document.getElementById("todoList").innerHTML = '';
    }
 </script>

 <button onclick="deleteAll()">Delete All</button>

更新

<script>   
      function deleteAll(){
           var todo =  document.getElementById("todoList");
           var lis = todo.getElementsByTagName("li");
           console.log(lis);
           while(lis.length > 0){                   
              todo.removeChild(lis[0]);
           }
        };       

</script>

Answer 2

在没有看到您的实际HTML的情况下，当您向待办事项列表添加事件时，您正在为列表创建<li>。要删除所有这些内容，您只需删除列表中的所有<li>即可。如果您正在使用JQuery，可以使用

之类的东西

    $(list).empty();

在常规JavaScript（带有for循环）中，它会像（借用一些

）

    var ulList = getElementById(list);
    var childs = ul.children();        
    for (var i = 1; i < ulList.childNodes.length - 1; i++) {
        list.removeChild(list.childNodes[i]);   
    }

而不是原来的

   getElementById(list).innerHTML = '';

列表将是您传递给函数的列表的ID。

如何在javascript中添加“删除所有按钮”

2 个答案: