用 document.querySelectorAll 精准定位要删的元素，它返回静态 NodeList，可安全遍历删除；避免用 getElementsByClassName 的实时 HTMLCollection 导致跳过相邻元素。
用 document.querySelectorAll 精准定位要删的元素
直接用 getElementsByClassName 拿到的是实时集合（HTMLCollection），边删边遍历会跳过相邻元素——这是最常踩的坑。必须先转成静态数组或反向遍历。
正确做法是用 document.querySelectorAll(".target-class")，它返回 NodeList，可安全遍历删除：
const elements = document.querySelectorAll(".obsolete-badge");
elements.forEach(el => el.remove());
- 注意选择器写法：
".my-class"（带点），不是"my-class" - 支持复合选择器，比如
".sidebar .ad-banner"或"div.highlight" - 如果页面是动态渲染的（如 React/Vue），得等对应 DOM 真正挂载后再执行，否则查不到
批量删除时避免 DOM 重排卡顿
逐个调用 remove() 在元素很多（比如几百个）时会触发多次重排，肉眼可见卡顿。更高效的做法是先从文档中“摘出来”，再统一删。
推荐用 DocumentFragment 中转：
立即学习“前端免费学习笔记（深入）”；
const fragment = document.createDocumentFragment();
document.querySelectorAll(".temp-overlay").forEach(el => {
fragment.appendChild(el);
});
// 一次从 DOM 移除整个 fragment
fragment.remove();
-
fragment不在真实 DOM 树里，appendChild 不触发重排 - 适用于需保留元素结构做后续处理的场景（比如先收集再分析）
- 若只是删，且数量不大（forEach(el => el.remove()) 更简洁，别过度优化
用 Element.classList.remove 替代删除的边界情况
有时候你并不真想删元素，只是想剥离 class 并保留节点——比如清除状态类、临时修饰类。这时候删 DOM 是错的，该用 classList.remove。
例如清理所有 is-loading 和 has-error 类：
document.querySelectorAll("[class*='is-loading'], [class*='has-error']").forEach(el => {
el.classList.remove("is-loading", "has-error");
});
-
[class*='xxx']是属性包含匹配，比单纯选 class 更容错（防多类名顺序干扰） - 如果确定目标元素一定有这些类，直接
querySelectorAll(".is-loading, .has-error")更快 - 注意：如果元素只有这一个 class，
remove()后 class 属性会消失；而classList.remove()会保留空class=""或其他剩余 class
在 Shadow DOM 里删 class 元素要额外穿透
如果目标元素在自定义组件的 Shadow Root 里（比如 my-dialog 内部），默认的 querySelectorAll 查不到。必须显式访问 shadowRoot。
前提：该组件的 shadowRoot 是 open 模式（大部分现代 Web Component 默认如此）：
const host = document.querySelector("my-card");
if (host.shadowRoot) {
host.shadowRoot.querySelectorAll(".tooltip").forEach(el => el.remove());
}
- 如果是
closedshadowRoot，无法从外部访问，只能由组件自身暴露方法（如clearTooltips()） - Chrome DevTools 里右键 shadowHost → “Break on” → “attribute modifications” 可辅助判断 shadowRoot 状态
- 不要试图用
innerHTML = ""清空 shadowRoot，会破坏事件绑定和 slot 分发
Cannot read property 'addEventListener' of null 这类错误，往往意味着删早了。 
