为什么查询选择器全部不起作用删除元素?

Question

<ul class="items">
<li class="item">item1</li>
<li class="item">item2</li>
<li class="item">item3</li>
<li class="item">item4</li>
<li class="item">item5</li>
</ul>

const ul = document.querySelector('.items'(; ul.remove((; 这将删除完整的 html。 const li = document.querySelector('.item'(;li.remove(( 将删除第一个 li 元素。 const lis = document.querySelectorAll('.item'(; lis.remove((;给出错误 => 未捕获的类型错误：ul.remove 不是一个函数。 为什么它不能与 querySelectorAll 方法一起使用？

Answer 1

querySelectorAll 返回一个列表，您必须手动遍历该列表：

const list = document.querySelectorAll(".item")
for (const element of list) {
element.remove()
}