是的，你几乎是对的。.querySelectorAll返回一个 * frozed NodeList*。你需要迭代它并做一些事情。

Array.prototype.forEach.call( element, function( node ) {
    node.parentNode.removeChild( node );
});

即使只得到一个结果，也需要通过索引访问它，例如

elements[0].parentNode.removeChild(elements[0]);

如果你只想查询一个元素，可以使用.querySelector，这样你就可以得到节点引用，而不需要使用索引。

由于NodeList已经支持forEach，因此您只需使用：

document.querySelectorAll(".someselector").forEach(e => e.remove());

<div>
  <span class="someselector">element 1</span>
  <span class="someselector">element 2</span>
  there shouldn't be any of the above "element" spans after you run the code
</div>

请参见NodeList.prototype.forEach()和Element.remove()

• • Internet Explorer支持**. IE不支持NodeList上的forEach，IE也不支持Element对象上的remove方法。因此，如果您还希望在IE中运行上述代码，只需在JavaScript代码的开头添加以下行即可。要删除元素，请使用Node.removeChild（或 * r使用Element.remove() polyfill *）：

一个二个一个一个

使用Array.from和ChildNode.remove时更加简洁：

Array.from(document.querySelectorAll('.someselector')).forEach(el => el.remove());

好了，刚才看到NodeList是可迭代的，所以它可以做得更短：

document.querySelectorAll('.someselector').forEach(el => el.remove());

我们可以使用remove（）函数从querySelectorall（）中删除元素。请确保remove函数只能在现代浏览器中使用。

// Fetch the elements to remove
   const elements = document.querySelectorAll('.class-name');

// Iterate through the elements and remove them
elements.forEach(element => {
  element.remove();
});

参考-https://bbbootstrap.com/code/remove-elements-that-were-fetched-using-queryselectorall-10186399