最可靠方法是用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绑定的） - 会清空
<input>的当前值、<textarea></textarea>的用户输入、<select></select>的选中状态 - 会触发重新解析 HTML，可能意外执行内联脚本或破坏自定义元素生命周期
- 正则无法正确处理属性值含换行、单引号、转义符等边界情况，极易出错
批量操作前先确认作用域，避免误删
用 querySelectorAll 锁定范围很重要。比如只删 <div class="modal"> 下的 <code>data-debug-*，就别用 * 全局扫。
- 加
:not([data-keep])等排除条件，比事后判断更高效 - 如果目标属性是框架生成的（如 Vue 的
v-*、React 的data-reactroot），删之前确认是否影响运行时行为 - 某些属性虽带前缀但被 JS 依赖（如
data-id被某模块读取），建议先console.log出匹配到的属性名，人工核对一遍
真正麻烦的不是删属性本身，而是删完后 JS 逻辑因缺失属性而静默失败——尤其当属性名拼写有细微差异（data-user-id vs data-userid）时，很难定位。
