onerror 属性在清空 innerhtml 时残留是因 for...of 遍历 attributes 时删除属性导致索引偏移而跳过后续项；应改用 removeattribute 或先转数组遍历，且需在渲染前源头过滤。
onerror 属性为什么在清空 innerHTML 时残留
当你用 element.innerHTML = "" 清空一个含 <img src="x" onerror="alert(1)"> 的容器，onerror 很可能还在 DOM 上——不是浏览器“忘了删”，而是遍历属性时的索引偏移导致的。原生 for (let attr of el.attributes) 在删除第一个属性（比如 src）后，后续属性前移，但循环指针已跳过新排到首位的 onerror，直接漏掉。
直接删属性比清空 innerHTML 更可靠
想彻底剥离 onerror 及其他内联事件，别依赖 innerHTML = ""，改用属性级清理：
- 用
el.removeAttribute("onerror")显式移除，它不触发重排，也不受属性顺序影响 - 批量处理时，遍历前先转成数组：
[...el.attributes].forEach(attr => { if (attr.name.startsWith("on")) el.removeAttribute(attr.name); }) - 注意：不能在
for...of中边遍历边removeAttribute，否则仍会跳项；必须先固化列表
动态插入前就该过滤 onerror
如果内容来自用户输入或富文本编辑器，清空只是补救；真正安全的做法是“源头拦截”：
- 用
DOMParser解析 HTML 字符串，再递归遍历所有元素，对每个el调用el.removeAttribute("onerror") - 不要信任
innerHTML += unsafeHtml，哪怕只加一行——内联事件会立刻绑定并可执行 - 微信公众号等平台虽支持完整 HTML，但其草稿箱不自动剥离
onerror，需你在 JS 层预处理
addEventListener 替代方案要配 DOM 加载时机
清理完 onerror 后，若需保留错误响应逻辑，必须用现代方式重建：
- 绑定前确认 DOM 已就绪：
document.addEventListener("DOMContentLoaded", () => { ... })或把 script 放在
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
