最可靠方法是用getAttributeNames()获取属性名数组，筛选startsWith前缀的再removeAttribute；IE需用Array.from(el.attributes)转真数组避免动态集合问题，禁用innerHTML替换以防丢失事件和状态。
用正则 + getAttributeNames() 遍历删除最可靠
HTML 元素上批量删掉以某个前缀开头的属性（比如所有 data-temp-* 或 x- 属性），不能靠 CSS 选择器，必须走 DOM API 遍历。核心思路是：先获取所有属性名，筛选出匹配前缀的，再逐个调用 removeAttribute()。
注意：attributes 是 NamedNodeMap，不是数组，不能直接用 filter；而 getAttributeNames() 返回标准数组，更易操作。
const prefix = 'data-temp-';
document.querySelectorAll('[data-temp-test]').forEach(el => {
el.getAttributeNames()
.filter(name => name.startsWith(prefix))
.forEach(name => el.removeAttribute(name));
});
-
getAttributeNames()在现代浏览器（Chrome 61+、Firefox 62+、Safari 11.1+）可用；IE 完全不支持，需降级用el.attributes+for循环 - 必须用
startsWith()而非includes()，否则会误删data-temporary这类中间含前缀的属性 - 不要在遍历
attributes时直接删属性——会改变索引，导致漏删
IE 兼容写法：手动遍历 el.attributes
IE11 及更早版本不支持 getAttributeNames()，得退回到 el.attributes。但它是动态集合，边遍历边删会跳项，所以得倒序遍历或先收集再删。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
function removeAttrsByPrefix(el, prefix) {
const attrs = Array.from(el.attributes);
attrs.forEach(attr => {
if (attr.name.startsWith(prefix)) {
el.removeAttribute(attr.name);
}
});
}
// 使用
document.querySelectorAll('*').forEach(el => removeAttrsByPrefix(el, 'x-'));
-
Array.from(el.attributes)是关键，把类数组转成真数组，避免动态集合问题 - 不用
for (let i = el.attributes.length - 1; i >= 0; i--)倒序也行，但可读性差，且仍要处理attributes[i]可能为undefined的边界情况 - 如果页面元素极多（如上万节点），
Array.from有轻微内存开销，但比逻辑错漏更值得优先保证
别用 innerHTML 替换——会丢失绑定事件和状态
有人想“重写 innerHTML 来过滤属性”，例如 el.innerHTML = el.outerHTML.replace(/data-temp-\w+="[^"]*"/g, '')，这非常危险。
- 会销毁所有子元素上的事件监听器（
addEventListener绑定的） - 会清空
的当前值、的用户输入、的选中状态 - 会触发重新解析 HTML，可能意外执行内联脚本或破坏自定义元素生命周期
- 正则无法正确处理属性值含换行、单引号、转义符等边界情况，极易出错
批量操作前先确认作用域，避免误删
用 真正麻烦的不是删属性本身，而是删完后 JS 逻辑因缺失属性而静默失败——尤其当属性名拼写有细微差异（querySelectorAll 锁定范围很重要。比如只删 data-debug-*，就别用 * 全局扫。
:not([data-keep]) 等排除条件，比事后判断更高效v-*、React 的 data-reactroot），删之前确认是否影响运行时行为data-id 被某模块读取），建议先 console.log 出匹配到的属性名，人工核对一遍data-user-id vs data-userid）时，很难定位。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
