removeAttribute()是最干净的运行时删属性方式，只删指定字符串名属性、不误伤、不依赖正则；删不存在属性不报错但返回undefined；批量操作需先转真数组再删；HTML源码中批量删属性推荐用安全正则或html5-clear工具。
用 removeAttribute() 在运行时删指定属性名
直接删某个固定名字的属性（比如 data-temp、aria-hidden），最干净的方式是调用 removeAttribute()。它只删一个，不误伤，也不依赖正则边界。
- 必须传字符串字面量或变量，不能传正则对象：
el.removeAttribute('data-legacy')✅，el.removeAttribute(/data-.*/)❌ - 属性名大小写敏感：
el.removeAttribute('Data-ID')不会删掉data-id - 删不存在的属性不报错，但返回
undefined，可用来静默处理：if (el.hasAttribute('x-debug')) el.removeAttribute('x-debug') - 批量操作时别在
for...of el.attributes里边遍历边删——IE 和旧版 Safari 会跳项；应先用Array.from(el.attributes)转真数组再过滤
VSCode 里用正则批量删 HTML 源码中的属性
如果要从原始 HTML 文件（.html 或模板字符串）中批量删掉所有 id、data-test 这类固定名称的属性，正则替换最快，但得防误删。
- 安全匹配模式：
\s+data-test\s*=\s*["'][^"']*["']，启用正则 + 全字匹配（避免匹配到data-test-id中间段） - 不要用
data-test=.*?——.*?在跨标签时可能吞掉闭合尖括号，导致 HTML 结构损坏 - 双引号/单引号要分开处理：一次替换只针对一种引号类型，否则
class="a" data-test='b'会被漏掉 - 替换前务必点“全部查找”，确认命中的全是目标属性，没卷入
data-test-id、aria-describedby等相似字段
删 id 属性要特别当心 JS 引用失效
id 不是普通属性，删它等于废掉 DOM 查找入口。哪怕页面渲染不受影响，JS 很可能立刻崩。
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 搜索整个项目里所有
getElementById(、querySelector('#、$('（jQuery）调用，确认这些 ID 是否还存在 - 检查 CSS 锚点链接：
，删了id="section2"就会跳转失败 - 第三方库可能依赖
id做实例绑定（如 Chart.js 的容器、Prism.js 的代码块），删前查文档 - 如果只是临时清理测试用的
id，建议加前缀隔离，比如统一用test-id="xxx"，删的时候只扫这个前缀
用 html5-clear 工具自动化清理固定属性
如果你需要在构建流程里稳定删掉一批已知属性（比如所有 x-、data-dev-），html5-clear 比手写脚本更可靠。
- 安装后执行：
npx html5-clear -f input.html -o output.html --ruleset custom --config ./clean-config.json - 配置文件里定义要删的属性：
"remove-attributes": ["x-debug", "data-todo", "data-staging"] - 它不会误删
data-x-debug这类嵌套命名，因为规则基于完整属性名匹配，不是子串 - 注意：它只处理静态 HTML 文件，不运行 JS，所以不会处理动态插入的属性（比如 Vue 渲染后加的
data-v-xxx）
实际清理时最容易被忽略的是：**属性删除和 JS 行为解耦是否已完成**。比如删了 data-modal-target，但对应按钮的点击事件还在读这个属性，就会静默失败。动手前，先 grep 整个项目里该属性的所有读取点。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
