removeNamedItem 已废弃，现代浏览器不支持；应改用 removeAttribute() 或 DOM 解析后操作，避免正则误删，并验证 JS 依赖。
为什么 attributes.removeNamedItem 在编辑器里总不生效
它根本不是现代浏览器支持的标准方法——removeNamedItem 属于 DOM Level 1 的 NamedNodeMap 接口，20 多年前就被废弃了。现在 Chrome、Firefox、Safari 都只保留 getNamedItem 这类读取能力，一调 removeNamedItem 就报 TypeError: attributes.removeNamedItem is not a function，或者直接静默跳过，连错误都不抛。
很多 HTML 编辑器插件（比如富文本粘贴清洗逻辑）误用这个方法，结果整段清理逻辑形同虚设，用户完全看不出效果。
VSCode 里用正则批量删 border、align 等冗余属性
不用装插件，VSCode 自带功能就能干得又快又稳。关键是匹配要“非贪婪”，否则容易跨标签吞内容，把整个结构搞坏。
- 按
Ctrl+H（Windows/Linux）或Cmd+H（Mac），点右上角.*按钮开启正则模式 - 查找填：
\s+(border|align|bgcolor|cellpadding|cellspacing|valign|language)\s*=\s*["']?[^"'>]*["']? - 替换留空，点“全部替换”
- 删完建议预览：特别是
<table>里带border的，确认没影响到实际表格边框（有些老项目仍靠它撑样式）
在编辑器插件中安全清理粘贴进来的 style 属性
直接对 HTML 字符串用正则删 style="..." 很危险：可能误杀注释里的字符串、JS 中的引号、甚至跨标签匹配。正确路径是走 DOM 解析 → 遍历 → 移除 → 序列化。
立即学习“前端免费学习笔记（深入）”；
示例函数：
function cleanInlineStyles(htmlString) {
const parser = new DOMParser();
const doc = parser.parseFromString(htmlString, 'text/html');
const styledElements = doc.querySelectorAll('*[style]');
for (const el of styledElements) {
el.removeAttribute('style');
}
return doc.body.innerHTML || '';
}
注意点：
-
removeAttribute("style")是彻底删除属性；setAttribute("style", "")只留空，但[style]选择器仍能命中 - 该函数不处理子文档中的
<head>或<script>，如果粘贴内容含这些，需额外提取doc.documentElement并遍历 - 若编辑器用的是 Shadow DOM 或 iframe 上下文，
DOMParser仍可用，但返回的节点不能直接 append 到主文档，需adoptNode
删完别忘了验证 JS 是否还依赖那些属性
比如 align="right" 被删了，但页面某处 JS 还在读 el.getAttribute("align") 做逻辑分支，就可能出错。更隐蔽的是 class 名被当信号用：<div class="js-modal-trigger" align="center">，删了 align 没事，但顺手把 js-modal-trigger 也清了，功能就断了。
真正难的不是怎么删，而是怎么确认“删了也没事”。最靠谱的方式是：
- 全局搜
.getAttribute("align")、.align、[align]等写法 - 在 DevTools 的 Elements 面板里右键目标元素 → “Break on” → “Attribute modifications”，然后触发相关交互
- 删完跑一遍 E2E 测试，尤其关注弹窗、表单、动态加载区域
