最稳妥删除 data-* 属性的方法是直接调用 removeattribute，需严格匹配 html 中的原始属性名（大小写敏感、连字符原样），赋值 undefined 或空字符串不会真正删除 dom 属性，批量删除须遍历 attributes 筛选后逐个调用。
用 removeAttribute 删除 data-* 属性最稳妥
直接调用 removeAttribute 是删除单个 data 属性的首选，它不触发 dataset 缓存同步问题，也不依赖属性名大小写或连字符转换规则。
常见错误是误用 delete el.dataset.xxx：虽然语法合法，但部分浏览器（尤其旧版 Safari 和某些 WebView）中会导致后续读取 dataset.xxx 返回 undefined 而非完全移除，且无法保证 DOM 属性真实消失。
-
el.removeAttribute('data-user-id')—— 精确匹配原始 HTML 中写的属性名，大小写敏感，连字符必须原样写出 - 不要写成
el.removeAttribute('dataUserId')或el.removeAttribute('user-id')，都不生效 - 如果属性名含特殊字符（如
data-foo-bar_baz），仍必须用完整字符串传入，不能靠驼峰映射
dataset.xxx = undefined 不等于删除
给 dataset 的某个键赋值 undefined 或空字符串，只是让读取时返回空值，但对应 DOM 属性依然存在 —— 这在调试器里能看到，也会被 getAttribute('data-xxx') 读到。
例如：el.dataset.userId = undefined 后，el.getAttribute('data-user-id') 仍返回原字符串，不是 null。
-
el.dataset.userId = ''→ 属性值变为空字符串，但属性节点还在 -
el.dataset.userId = undefined→ 表现类似空字符串，DOM 属性未移除 - 真正删除必须走
removeAttribute，没有捷径
批量删多个 data 属性要逐个调用 removeAttribute
HTML 元素不支持“一次删所有 data-*”的原生方法。想清空全部自定义数据，得先枚举出有哪些 data 属性，再挨个删。
可靠做法是遍历 el.attributes，筛选出以 data- 开头的 name：
Array.from(el.attributes)
.filter(attr => attr.name.startsWith('data-'))
.forEach(attr => el.removeAttribute(attr.name));
- 别用
for...in遍历dataset，它只反映当前驼峰键，且不含原始连字符名 -
dataset是只读映射，不能用它反推 DOM 属性是否存在 - 注意：这个循环会修改
el.attributes的实时长度，所以必须先转成数组再遍历
data 属性删除后，CSS 选择器和 JS 查询不受影响
删掉 data-status="pending" 不会影响已绑定的事件监听器，也不会让 [data-status] 这类 CSS 选择器自动失效 —— 样式和事件都基于 DOM 快快照，不是实时监听属性变化。
但如果你依赖 MutationObserver 监听属性变更，删除动作会触发 attributes: true 类型的回调，这时能捕获到。
- 删除属性不会重绘或回流，性能开销极小
- 若同时删了多个属性，每个
removeAttribute都是一次独立 DOM 操作，无批量优化 - 服务端渲染页面中残留的 data 属性，前端删掉后对 SEO 和无障碍无影响
实际操作中最容易忽略的是：属性名必须严格匹配 HTML 源码中的写法，包括连字符位置和大小写。哪怕模板里写了 data-userId（非法命名），浏览器也会把它当作普通属性而非 data 属性，dataset 根本看不到，removeAttribute 却能删——但这种写法本身就不该出现。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
