删除具有属性 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() 返回集合，你应该遍历它们并一个一个删除：

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

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

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