<p>必须用 removeAttribute 逐个删除 data-* 属性，因 dataset 是只读代理；应遍历 element.attributes 筛选 name.startsWith('data-') 的属性并移除。</p>
data-* 属性不能用 dataset 批量清空
直接遍历 element.dataset 并赋值为 undefined 或删 key，完全无效——dataset 是只读代理，不操作真实 DOM 属性。你改的只是 JS 内存里的映射副本，element.outerHTML 里根本看不到变化，DevTools 也刷新不出来。
必须用 removeAttribute 逐个清理
自定义属性本质是 HTML 属性，只能靠 removeAttribute() 真实移除。关键是怎么“快速”定位所有 data-* 属性：
- 用
element.attributes遍历全部属性节点，检查name.startsWith('data-') - 对匹配项调用
element.removeAttribute(name) - 不要用
for...in遍历dataset，它不包含全量属性（比如data-userId这种非法命名就进不来）
示例代码：
function clearAllDataAttrs(el) {
Array.from(el.attributes)
.filter(attr => attr.name.startsWith('data-'))
.forEach(attr => el.removeAttribute(attr.name));
}批量清空时容易漏掉动态生成的 data 属性
如果页面中存在 JS 后续通过 setAttribute('data-xxx', ...) 新增的属性，它们也会被上面逻辑捕获——因为 attributes 是实时 DOM 快照。但要注意：
立即学习“前端免费学习笔记（深入）”；
-
data-后带大写字母或下划线（如data_user_id、data-UserID）仍会被识别并删除，只是dataset读不到它们 - 若元素有 Shadow DOM，
attributes不包含影子树内的 data 属性，需单独处理 - 大量元素批量操作时，避免反复触发重排；可先
el.cloneNode(true)清理后再替换，或用DocumentFragment缓冲
别试图用 all: unset 清 data 属性
all CSS 属性只影响样式计算，对 HTML 属性毫无作用。写 element.style.all = 'unset' 或在 CSS 里加 all: unset 根本不会动任何一个 data-*。这是常见误操作，纯属白忙。
真正要“快速”，核心就一条：信 attributes，用 removeAttribute，绕开 dataset 的幻觉。复杂点在于属性名校验和 DOM 范围控制，不是语法本身。
