最稳方式是用 document.querySelectorAll('iframe') 获取 NodeList 后逐个调用 .remove()；避免用 getElementsByTagName 返回的动态 HTMLCollection，防止漏删或报错。
怎么用querySelectorAll批量删iframe元素
直接删 DOM 中所有 iframe 节点，最稳的方式是用 document.querySelectorAll('iframe') 拿到 NodeList，再逐个调用 .remove()。别用 getElementsByTagNames('iframe')——它返回的是动态 HTMLCollection，遍历时长度会实时变化，容易漏删或报错。
常见错误现象：删了 5 个 iframe，结果只消失 3 个；或者控制台报 TypeError: Cannot read property 'remove' of undefined，多半是因为用了 for (let i = 0; i 正序遍历，删掉第一个后后续索引全偏移了。
- 正确写法：
document.querySelectorAll('iframe').forEach(el => el.remove()) - 若需按条件筛选（比如只删带特定
src的）：document.querySelectorAll('iframe[src*="ad."], iframe[src^="https://tracker"]') - 注意：
remove()不触发重排，但会立即解绑该节点上所有事件监听器和定时器，这点比innerHTML = ''更干净
删iframe前为什么必须检查sandbox和contentDocument状态
有些 iframe 已加载但处于沙箱限制下（比如 sandbox="allow-scripts" 缺少 allow-same-origin），此时访问 iframe.contentDocument 会抛 DOMException: Blocked a frame from accessing a cross-origin frame。批量删除时如果代码里有类似 if (iframe.contentDocument) { ... } 的判断，不加防护就会中断整个循环。
真实场景中，你可能想先清空内容再删标签，但跨域 iframe 根本拿不到 contentDocument，强行读取会卡住后续逻辑。
立即学习“前端免费学习笔记（深入）”；
- 安全写法：用
try/catch包裹对contentDocument的访问，或直接跳过判断，只删 DOM 节点本身 - 不要依赖
iframe.onload状态来决定是否可删——页面卸载阶段、JS 错误中断、或 iframe 加载失败时，这个事件根本不会触发 - 若 iframe 是通过
document.write()动态注入的（比如广告脚本），删之前最好先调iframe.contentWindow?.stop?.()防止后台还在跑请求
用replaceChildren清空父容器比遍历删iframe更高效吗
如果你的目标不是删所有 iframe，而是清掉某个区域（比如 <div id="ads-container">）里所有嵌入内容，<code>replaceChildren() 是更优选择：它一次清空全部子节点，不触发多次 layout，且兼容性已覆盖 Chrome 86+、Firefox 76+、Safari 14.1+。
性能差异明显：10 个 iframe 调 10 次 .remove()，浏览器要走 10 次 DOM 树更新；而 container.replaceChildren() 是原子操作，内部直接切断所有子引用。
- 适用场景：
document.getElementById('ads-container').replaceChildren() - 注意：它会删掉该容器下所有节点（包括文本、注释、空格），不只是
iframe；如果容器里混有其他必要元素（如提示文案<p>广告已隐藏</p>），就不能用这个方法 - 旧浏览器兜底：用
while (container.firstChild) container.removeChild(container.firstChild)，比innerHTML = ''更安全（不重建节点，保留绑定的事件监听器位置）
为什么删完iframe后还要手动清理window.frames引用
window.frames 是一个类数组对象，保存着当前页面所有 iframe 的 contentWindow 引用。即使你用 .remove() 删掉了 DOM 节点，这些引用仍驻留在内存中，尤其在长期运行的管理后台或仪表盘里，容易引发内存泄漏。
更隐蔽的问题是：某些老代码会用 window.frames['myFrame'] 或 window.frames[0] 去操作 iframe，删完 DOM 后再访问会返回 undefined 或空 window，但不会报错，导致逻辑静默失败。
- 推荐做法：删 DOM 后，同步清理对应引用，例如
delete window.frames['ad-banner-1']（仅限命名 iframe） - 无法精确匹配时，可用
Object.keys(window.frames).forEach(key => delete window.frames[key])—— 但慎用，可能误删仍在使用的 iframe - 真正稳妥的方式是避免依赖
window.frames，改用document.querySelector('iframe[name="xxx"]')?.contentWindow，这样 DOM 没了，查询自然返回 null
window.frames 这种隐式引用，最容易被忽略，直到内存占用悄悄涨上去才被发现。
