在待办事项网站中的for循环问题- JavaScript

Question

我有一个问题，创建一个for循环，将删除我所有的待办事项列表。我写了一个星期的代码，所以这个问题听起来很愚蠢。所有代码都在一个函数中，并通过按钮的onclick属性运行。

let toDoList = document.querySelector(".to-do-list");
let newListClass = document.getElementsByClassName('new-list');
let newList = document.querySelector('.new-list');
console.log(newList);
console.log(newListClass.length);

for (i = 0; i < newListClass.length; i++) {
newList.remove();
}

Answer 1

我看到两个主要选项:

// Option A) getting elements by class name
const newListClass = document.getElementsByClassName('new-list');
console.log(newListClass);
for (i = 0; i < newListClass.length; i++) {
newListClass[i].remove();
}
// Option B) getting elements with a selector, notice the "All"
const newListClass = document.querySelectorAll('.new-list');
console.log(newListClass);
for (i = 0; i < newListClass.length; i++) {
newListClass[i].remove();
}

你也可以使用forEach，但是经典的for循环总是好的