removeAttribute 无法批量清除属性，需结合 hasAttribute 判断与数组遍历逐个删除 align、bgcolor、border 等已废弃的内联样式属性，避免误删 id、class、data-* 等语义化属性。
直接用 removeAttribute 无法批量清除多个属性——它一次只能删一个。但可以通过循环或数组遍历，配合 hasAttribute 安全判断，高效清理旧版内联样式属性（比如 align、bgcolor、border 等已废弃的 HTML 属性）。
明确要清除的旧属性列表
先整理出项目中实际存在的、不再需要的过时属性，例如：
-
align（替代为 CSStext-align或margin） -
bgcolor（替代为background-color） -
border（替代为border或outline） -
hspace/vspace（替代为margin） -
width/height（若由 CSS 控制，可移除内联值）
对单个元素批量移除
给定一个 DOM 元素（如 el），遍历属性名数组，逐个检查并删除：
const obsoleteAttrs = ['align', 'bgcolor', 'border', 'hspace', 'vspace', 'width', 'height'];
obsoleteAttrs.forEach(attr => {
if (el.hasAttribute(attr)) {
el.removeAttribute(attr);
}
});
用 hasAttribute 判断再删，避免无谓调用或报错；不依赖 getAttribute 是否返回 null，更可靠。
批量处理多个元素
选中目标元素集合（如所有 <img alt="如何用 removeAttribute 批量清除元素不需要的旧版样式属性" > 或带旧属性的容器），再对每个元素执行上述逻辑：
document.querySelectorAll('img, table, div[align], div[bgcolor]').forEach(el => {
const obsoleteAttrs = ['align', 'bgcolor', 'border', 'hspace', 'vspace'];
obsoleteAttrs.forEach(attr => el.hasAttribute(attr) && el.removeAttribute(attr));
});
选择器中加入 [attr] 可提升效率，只匹配确实含该属性的元素，减少无效遍历。
注意兼容性与边界情况
不要误删语义化属性：如 id、class、data-*、aria-* 等仍需保留；慎清 style：它属于有效内联样式，应交由 CSS 重构而非一并删除；自定义属性（data-）无需处理，它们不属于“旧版样式属性”范畴。
