“待办”网站中的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循环总是好的。