应使用 DOMParser 解析 HTML 字符串为独立文档，再用 querySelectorAll('[style], [class], *[id]') 遍历所有带目标属性的元素，逐个调用 removeAttribute 安全清除，避免正则误删结构或引号内内容。
用 DOMParser + removeAttribute 安全删 style/class/id 等属性
直接正则替换 style=... 或 id=... 极易破坏结构：比如匹配到 <script>console.log('style="x"')</script> 里引号内的内容，或跨标签吞掉换行和空格。真正可控的做法是走 DOM 解析路径——先解析成文档对象，再精准操作属性。
关键步骤：
- 用
new DOMParser().parseFromString(htmlStr, 'text/html')转成独立文档（不污染当前页面） - 查所有带目标属性的元素：
doc.querySelectorAll('*[style], *[class], *[id]') - 遍历时用
for (const el of nodeList)，逐个调el.removeAttribute('style')（不是setAttribute('style', '')，后者留空值仍会被 CSS 选择器匹配） - 注意：
NodeList是“活”的，用forEach可能漏删；改属性会触发重排，但清理类操作无需防抖
哪些 aria- 属性可以批量删，哪些必须留着
空值、重复、与原生语义冲突的 aria- 属性基本可删，但得看上下文。比如 aria-label=""、role="presentation" 加在普通 <span></span> 上，几乎不影响可访问性；但 aria-live、aria-controls、aria-expanded 这类成对出现、依赖 JS 状态的属性，删一个就可能让屏幕阅读器导航卡死。
安全批量处理建议：
立即学习“前端免费学习笔记（深入）”；
- 全局搜索正则：
aria-[a-z-]*=["']\s*["']→ 删所有空值aria-属性 - 单独抓
role=["'](presentation|none)["']，但先人工确认它包的是什么标签（<div> 可删，<code><button></button>就不能乱动） - 跳过所有含
live、controls、expanded、modal、owns的属性，它们大概率被 React Aria、Headless UI 等库动态管理 - 全局搜
getElementById(、querySelector('#、$('，看是否只用于样式锚点或第三方库初始化 - 检查是否有 CSS 锚点跳转（
<a href="#section1"></a>），删了对应id就断链 - 确认 Prism.js、Tocbot、Swup 等工具是否把
id当作唯一标识符使用 - 如果只想删部分
id（如仅test-前缀），正则用\sid\s*=\s*["'](test-[^"']*)["']，并确保编辑器支持捕获组
删完 id 后，JS 功能可能悄悄失效
HTML 渲染不受影响，但 JS 里所有基于 document.getElementById('xxx')、document.querySelector('#xxx')、$('xxx') 的调用都会返回 null，后续链式操作大概率报错。这不是正则写得对不对的问题，而是清理前必须评估的耦合点。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
实操检查项：
别自己写正则删所有 HTML 标签，用 textContent 更稳
想从一段 HTML 字符串里提取纯文本？别用 .replace(/]*>/g, '') ——它对自闭合标签（<img alt="HTML怎么快速清理网页正文中的干扰属性" >）、注释（<!-- -->）、CDATA 段、属性里含 > 的情况完全无感，极易出错。
标准解法就一行：
const text = new DOMParser().parseFromString(htmlStr, 'text/html').body?.textContent || '';
注意点：
-
textContent自动跳过<script></script>、<style></style>、注释节点，只取可渲染文本 - 会保留原始空白符（换行、缩进），如需压缩空格，追加
.replace(/\s+/g, ' ').trim() - 如果输入是完整 HTML 文档（含
），记得 fallback 到doc.documentElement.textContent，避免漏掉<title></title>
真正麻烦的不是怎么删，而是删完之后没人再记得哪些交互逻辑悄悄断了——尤其是那些没写测试、靠人工点一点才暴露的 JS 行为。
