删除具有属性 JS 的元素

Question

我想删除带有 data-loc-id='2218' 的元素。我该怎么做？

我试过这个：

document.querySelectorAll(`[data-loc-id='2218']`).remove();

错误：Uncaught TypeError: document.querySelectorAll(...).remove is not a function

Answer 1

querySelectorAll() returns 集合，你应该循环遍历它们并一一删除：

document.querySelectorAll(`[data-loc-id='2218']`).forEach(el => el.remove());

或： 如果您有单个元素具有属性值，则使用 querySelector() 文档中第一个匹配的 returns 元素：

document.querySelector(`[data-loc-id='2218']`).remove();