如何清除 Javascript 中的列表，即一键删除列表中的所有项目？

Question

我删除单个任务项的代码可以正常工作，但是一键删除所有任务项的代码不起作用。 有没有一种简单的方法可以删除所有内容或重置列表？

完整代码： https://jsfiddle.net/hufflepuff_hamlet/r9uogxwL/2/

<button class="btn btn-danger" onclick="removeAll()">
<span class="glyphicon glyphicon-remove"> Clear All Tasks</span></button>

 //Clear Completed Task 
 
 $(".completed").on("click",'.btn-danger',function(){  
   $(this).parent("li").remove();
   
 })

 //Clear all Tasks in List
 
function removeAll(){
    document.getElementById(".uncompleted").innerHTML = "";
}

Answer 1

要删除 ul 中的所有 li 项目，您可以这样做

$('.uncompleted > li').remove();

或者您可以使用empty清空列表

$('.uncompleted').empty();

innerHTML = ""也应该可以工作，但是您在选择元素时遇到了问题

document.getElementsByClassName("uncompleted")[0].innerHTML = "";

使用getElementsByClassName而不是getElementById