removeAttribute() 可安全批量删除 border、cellpadding、cellspacing、align、valign、width/height（非 img 或已由 CSS 控制时）、language、type="text/javascript" 等冗余属性；class 和 id 不可无脑删，需确认 JS 未依赖；VS Code 正则或 DOMParser 方案更可靠，删后须验证 JS 功能与 CSS 样式是否正常。

removeAttribute() 能清掉单个属性，但“一键清理”不是点一下就完事——它取决于你要清什么、在哪清、清完会不会断功能。

哪些 HTML 属性真能安全批量删？

现代浏览器不靠这些属性渲染，删了不影响显示，但编辑器或旧模板常自动塞进来：

• border、cellpadding、cellspacing：表格样式全由 CSS 控制，留着纯属冗余
• align（
  ）、valign：CSS 的 text-align 和 vertical-align 已接管
• width / height：对
  、

  等无效； 上若已用 CSS 设置，也可删
• language、type="text/javascript"：<script></script> 默认就是 JS，加了反而多占字节

注意：class 和 id 不能无脑删——哪怕当前没写对应 CSS，JS 可能正通过 document.getElementById 或 querySelector 找它们。

VS Code 里用正则批量删属性最直接

适合处理静态 HTML 文件。打开替换面板（Ctrl+H），启用正则模式（.* 按钮），按需填入：

• 删所有 align 属性：
  \s+align\s*=\s*["'][^"']*["']
  （开头带空格，确保只匹配独立属性，不碰 data-align）
• 删 border 且兼容 border="0" 或 border 无值写法：
  \s+border\s*(=\s*["'][^"']*["'])?
• 一次清多个？用分组：
  \s+(align|valign|border|cellpadding|cellspacing)\s*=\s*["'][^"']*["']

别忘了先点“全部查找”，确认命中项全是目标属性，没有误吞 data- 或注释内容。


DeepBI DHTML 页面生成器
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
下载

用 DOMParser + removeAttribute 处理粘贴内容最安全

编辑器（如 Tiptap、Quill）拦截用户粘贴的 HTML 时，不能直接字符串替换——剪贴板内容可能含换行、CDATA、嵌套引号，正则极易崩结构。

正确路径是走标准解析：

function cleanRedundantAttrs(htmlString) {
  const parser = new DOMParser();
  const doc = parser.parseFromString(htmlString, 'text/html');
  const elements = doc.querySelectorAll('*[align], *[valign], *[border], *[cellpadding]');
  for (const el of elements) {
    el.removeAttribute('align');
    el.removeAttribute('valign');
    el.removeAttribute('border');
    el.removeAttribute('cellpadding');
    el.removeAttribute('cellspacing');
  }
  return doc.body.innerHTML || '';
}

这个函数返回清洗后的 HTML 字符串，可直接喂给编辑器的 onPaste 钩子。它不污染当前页面 DOM，也不依赖浏览器环境，Node.js 里也能跑（配 jsdom）。

删完记得查 JS 是否还活着

真正容易被忽略的不是“怎么删”，而是“删完谁坏了”。比如：

• 删了 id="modal"，但 JS 里还有 document.getElementById('modal') → 后续操作全挂
• 删了 align="right"，但 CSS 里写了 [align="right"] { float: right; } → 样式突然失效
• 某些第三方库（如 Prism.js 高亮、Tocbot 目录）靠特定 id 或 class 注入逻辑，删了就失联

建议删前全局搜一遍 getElementById(、querySelector('#、$("#，心里有数再动手。