必须用element.removeAttribute()或removeAttributeNS()安全删除废弃属性，禁用已失效的attributes.removeNamedItem；删id前须评估JS、CSS锚点及第三方库依赖，避免功能断裂。
怎么安全删掉废弃属性（比如 align、border）
别碰 attributes.removeNamedItem——它在所有现代浏览器里都已失效，调用会直接报 TypeError: attributes.removeNamedItem is not a function 或静默跳过。必须改用标准 DOM 方法。
-
element.removeAttribute("align")：最常用，适用于无命名空间的废弃属性 -
element.removeAttributeNS(null, "border")：显式传null命名空间，语义更严谨，推荐在编辑器插件中统一使用 - 带前缀的属性（如
xml:lang）必须用removeAttributeNS("http://www.w3.org/XML/1998/namespace", "lang")，否则删不掉 - 批量清理前先用
element.hasAttribute("align")判断，避免对不存在的属性反复调用
为什么删完 id 属性后 JS 功能突然挂了
删 id 本身不影响渲染，但会直接切断所有依赖它的 JS 引用。这不是“清理失败”，而是清理前没评估耦合点。
-
document.getElementById("modal")、document.querySelector("#sidebar")、$("#nav")这类调用全部返回null - CSS 锚点跳转（如
）失效，页面无法滚动定位 - 第三方库（Prism.js 高亮、Tocbot 目录生成）可能把
id当作唯一标识符，删后功能退化 - 正则批量删时若没加单词边界，
data-id="123"里的id也可能被误删，导致数据丢失
内联样式（style 属性）不能用正则硬删
直接搜 style=".*?" 替换为空，大概率破坏 HTML 结构：跨标签匹配、吞掉引号、吃掉紧邻的 class 或 > 字符。正确做法是用 DOMParser 隔离处理。
- 先用
new DOMParser().parseFromString(htmlString, "text/html")解析为独立文档 - 再执行
doc.querySelectorAll('*[style]')—— 注意是*[style]，不是只查顶层节点 - 对每个匹配元素调用
el.removeAttribute('style')，不会触发重排，也不污染当前页面 - 最后取
doc.body.innerHTML得到净化后的 HTML 字符串 - 千万别用
setAttribute("style", "")，这仍保留属性，且可能激活某些 CSS 框架的响应逻辑
删完 class 后还留着 class="" 是 bug 吗
不是 bug，是规范行为。classList.remove() 只清空值，不删除属性本身。HTML 序列化规则规定空字符串值会输出为 class="" 或无值形式 class，两者等价。
-
element.hasAttribute("class")返回true，但element.classList.length是0 - CSS 里
[class]选择器会命中它，如果项目里有这类通用样式，可能意外生效 - 除非业务逻辑明确依赖
hasAttribute("class") === false，否则不用额外清理——加一行el.removeAttribute("class")反而增加维护成本 - 框架初始化时频繁增删 class，很容易留下一堆
class=""，只要不写针对性选择器，就无需干预
真正麻烦的从来不是“怎么删”，而是删完之后没人再检查 querySelectorAll('[id]') 和 document.querySelectorAll('[class]') 的结果是否还符合预期——尤其当这些选择器藏在某个三年前写的轮播图插件里时。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
