如何使用JavaScript删除带有类名的innerHTML li

Answer 1

解释

嗨，我认为要实现你想要的，你不应该设置innerhtml，而是使用删除功能。

这里对您的脚本进行了一些修改，它首先会查找类标记为 “checked” 的所有元素。然后，我们将使用 "forEach" 循环来删除所有它们。

HTML

<div class="todo-container">
<ul class="todo-list">
*/<li class="checked">completed task</li>


<li>Uncompleted task</li>*/
</ul>
</div>

<button id="deleteBtn" class="btn"> deleteAll</button>

Javascript

// loop through all the .checked element and remove them 
function deletecompletedTask() {
  document.querySelectorAll(".checked").forEach(function(e) {
    e.remove();
  });
}

// add event listener to delete button
let btn = document.getElementById("deleteBtn").addEventListener("click", function() {
    deletecompletedTask();
});