Javascript 为什么queryselectorAll不用于删除元素?
const ul=document.querySelector'.items'; ul.移除; 这将删除完整的html。 const li=document.querySelector'.item';li.remove将删除第一个li元素。 const lis=document.queryselectoral'.item'; lis.remove;is giving error=>Uncaught TypeError:ul.remove不是函数。Javascript 为什么queryselectorAll不用于删除元素?,javascript,html,dom,Javascript,Html,Dom,const ul=document.querySelector'.items'; ul.移除; 这将删除完整的html。 const li=document.querySelector'.item';li.remove将删除第一个li元素。 const lis=document.queryselectoral'.item'; lis.remove;is giving error=>Uncaught TypeError:ul.remove不是函数。 为什么不使用querySelectorAll方法
为什么不使用querySelectorAll方法?querySelectorAll返回一个列表,您必须手动遍历该列表:
<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>
querySelectorAll返回一个节点列表,该节点列表没有remove函数。您必须使用forEach或循环。
const list = document.querySelectorAll(".item")
for (const element of list) {
element.remove()
}