最可靠方式是console.dir(element)，可同时查看dataset映射结果和原始attributes；dataset.xxx常undefined因仅支持小写+连字符命名；安全读取用getAttribute；FormData与data-*无关；写入必须用setAttribute；值均为字符串需手动转换。
直接用 console.dir() 查看 data-* 属性最可靠
执行 console.dir(element) 后，控制台会以可展开树形结构显示元素所有属性，包括 dataset 对象（含驼峰转换后的 data-* 值）和原始 attributes 列表（含未转换的 data-user-id 等原名）。这是唯一能同时看清“映射结果”和“原始声明”的方式，不会触发 “Could not clone passed arguments” 错误。
dataset.xxx 为什么经常是 undefined
因为 dataset 只映射符合规则的属性名：全小写 + 连字符。以下情况都会导致读不到：
-
data-user_id（下划线）→element.dataset.userId和element.dataset._userId都是undefined -
data-2024-id（数字开头）→element.dataset["2024Id"]才能访问，element.dataset.2024Id语法错误 -
data-UID（大写）→element.dataset.uid返回undefined，必须用element.getAttribute("data-UID")
真正安全的读取方式是：element.getAttribute("data-xxx")，它不转换、不过滤、不静默失败。
打印 FormData 里的 data-* 值？别混淆对象类型
FormData 和 data-* 没有关系——前者是表单数据容器，后者是 DOM 元素上的自定义属性。如果你在表单元素上写了 data-api-endpoint="/submit"，要打印它，得先拿到那个 <form> 或 <button> 元素，再调用 .getAttribute("data-api-endpoint")。想看 FormData 本身的内容，请用：
立即学习“前端免费学习笔记（深入）”；
for (const [key, value] of formData.entries()) {
console.log(key, value);
}这不是 data-*，只是键值对列表。
写入 data-* 必须用 setAttribute，dataset 赋值不生效
element.dataset.status = "loading" 看似成功，但 element.getAttribute("data-status") 仍返回 null——因为 dataset 是只读代理，赋值不会写回 DOM。真正持久化必须用：
element.setAttribute("data-status", "loading")-
element.removeAttribute("data-status")（delete element.dataset.status完全无效） - 批量写入推荐：
Object.entries(data).forEach(([k, v]) => element.setAttribute(`data-${k}`, v))
所有 data-* 值本质是字符串，布尔或数字需手动转换：JSON.parse(el.getAttribute("data-config"))，而不是 JSON.parse(el.dataset.config)——后者键名可能被驼峰转换错。
