querySelectorAll返回静态NodeList，遍历时新增节点不会被纳入；HTMLCollection需反向遍历（i=list.length-1）避免漏删；remove()需兼容parentNode.removeChild()；批量删除后须手动清空checked状态并同步框架数据。
为什么querySelectorAll后forEach删除会漏节点
因为querySelectorAll()返回的是静态 NodeList，它在调用时就已“快照”了当前 DOM 状态。如果在 forEach 过程中，其他脚本或事件又动态插入了匹配的新节点（比如广告脚本重载 banner、Vue 组件重新挂载），这些新节点不会被遍历到——不是 forEach 有 bug，是 NodeList 本来就不更新。
常见错误现象：删完一轮，页面上还有同类元素残留；或者配合 MutationObserver 监听时发现“刚删的又被加回来”，其实是 observer 捕获了后续插入动作，而你的删除逻辑没覆盖它。
实操建议：
- 若需确保删净所有当前及后续插入的匹配节点，得改用实时集合 + 反向循环（但不推荐，易失控）
- 更稳妥的做法：删前先收集全部目标 ID 或引用，再统一处理；或封装成函数，调用前重新执行一次 querySelectorAll()
- 不要依赖“删一次就永绝后患”，尤其在第三方脚本活跃的页面里
用for反向遍历HTMLCollection时为啥必须从length-1开始
因为 getElementsByClassName() 和 getElementsByTagName() 返回的是实时 HTMLCollection。每次调用 .remove() 或 removeChild()，DOM 变化会立刻反映在该集合长度和索引上。
举个例子：集合初始有 [a, b, c]（索引 0/1/2），正向 for(i=0; i 立即学习“前端免费学习笔记（深入）”； 实操建议： 直接检测 实操建议：
- 反向遍历写法必须是 for (let i = list.length - 1; i >= 0; i--)，不能写成 i > 0（会漏掉第 0 个）
- 别用 while (list.length) 配合 list[0].remove()，看似简洁，但 list.length 在每次 remove 后都变，容易因判断时机错乱导致无限循环或提前退出
- 现代项目优先换用 querySelectorAll() + Array.from()，避开实时集合坑remove() 和 parentNode.removeChild() 兼容性怎么兜底
remove() 在 IE 所有版本（含 IE11）中完全不可用，且不抛错，静默失败——这是上线后才发现的典型兼容问题。typeof el.remove === 'function' 不够，因为：el 可能还没挂载（parentNode 为 null），或已被移出文档（removeChild 会报错）。而 parentElement 不能替代 parentNode，因为 removeChild 要求父节点是 Node 类型（可能是 DocumentFragment），parentElement 只返回 Element。
- 兜底代码必须同时校验 el.parentNode 存在且支持 removeChild
- 推荐写法：if (typeof el.remove === 'function') {<br> el.remove();<br>} else if (el.parentNode) {<br> el.parentNode.removeChild(el);<br>}
- 不要用 el.outerHTML = '' 替代，它会触发重排、丢失事件绑定，且在某些旧版 Safari 中表现异常
批量删除后DOM没更新？大概率是忘了清选中状态
用户点“批量删除”，接口返回成功，但再点一次却删了个空数组——这不是后端问题，是前端没在 fetch().then() 里把勾选框的 checked 属性设回 false。
更隐蔽的问题：如果用了自定义 checkbox 样式（比如用 label 包裹、隐藏原生 input），只操作 DOM 的 checked 属性可能不触发 UI 更新；或者用了框架（如 React）但直接操作了原生节点，状态不同步。
实操建议：
- 清状态必须用 document.querySelectorAll('tbody input[type="checkbox"]:checked') 拿真实选中项，再逐个设 el.checked = false
- 避免用 document.querySelectorAll('input[type="checkbox"]') 全量遍历后判断 el.checked，因为框架可能没同步属性值
- 如果表格支持分页或虚拟滚动，删完还得同步更新数据总数、当前页剩余数，否则页码按钮可能失效或显示矛盾信息
