IE9及更早版本不支持dataset API，访问element.dataset返回undefined；应统一使用getAttribute/setAttribute兼容所有浏览器。
dataset 在 IE9 及更早版本中根本不存在
直接访问 element.dataset 会返回 undefined，不是值为空，而是属性根本没定义。IE9 及以下（包括 IE8、IE7）不支持 dataset API，哪怕 HTML 里写了 data-id="123"，el.dataset.id 也拿不到——这不是读取失败，是 JS 引擎压根不认识这个属性。
验证方式很简单：'dataset' in element 返回 false 就确认不支持。别依赖 navigator.userAgent，UA 字符串早已不可信，且 EdgeHTML 17–18 虽支持 dataset 却有严重映射 bug，不能一概而论。
- IE9 及更早：无
dataset，必须用getAttribute('data-id') - IE10–IE11：有
dataset，但对驼峰命名（如data-user-id→dataset.userId）支持不稳定，建议统一用连字符式访问dataset['user-id'] - Edge 17–18（EdgeHTML）：支持
dataset，但动态添加属性后dataset不更新，必须手动调用setAttribute()再读
data-* 属性名写错导致 dataset 映射失败
dataset 不是简单地把 data- 去掉就完事，它有一套严格转换规则：只认小写字母 + 连字符（kebab-case），且连字符后首字母自动大写。写成 data-userId 或 data-UserId，dataset.userId 就是 undefined；但 getAttribute('data-userId') 却能取到值——这说明 DOM 上真有，只是 dataset 拒绝映射。
常见错误：
立即学习“前端免费学习笔记（深入）”；
-
data-apiVersion→dataset.apiversion（全小写，因为没连字符，不触发驼峰转换） -
data-123id→ 无效（数字开头不允许）；data-id123才合法 -
data-user--id→ 映射为dataset.userId（多个连字符只认第一个）
安全写法：所有自定义属性名统一用 data-xxx-yyy 格式，JS 侧用 dataset.xxxYyy 或更稳妥的 dataset['xxx-yyy']。
动态设置 data-* 后 dataset 不刷新？其实是同步延迟
执行 element.setAttribute('data-loading', 'true') 后立刻读 dataset.loading 得到 undefined，不是 bug，是浏览器对 dataset 的惰性同步机制：它不会在每次 setAttribute 后立刻重建映射对象，而是“下次访问时再同步”。所以不是没生效，是还没刷出来。
解决办法只有两个：
- 读取前加一次“触发”：先
element.getAttribute('data-loading')，再读dataset.loading（强制同步） - 完全绕过
dataset，统一用getAttribute/setAttribute—— 兼容性最好，行为最可控
注意：jQuery 的 .data() 有内部缓存和类型转换（比如 "true" → true），和原生 dataset 行为不一致，混用容易出逻辑偏差。
兼容方案：用 getAttribute / setAttribute 统一兜底
不用判断浏览器版本，直接用 getAttribute 和 setAttribute 是最稳的写法。它们在 IE6+、所有现代浏览器都一致工作，语义清晰，无映射陷阱，也不受动态更新时机影响。
封装一个轻量工具函数就够了：
function getData(el, key) {
return el.getAttribute('data-' + key);
}
function setData(el, key, value) {
el.setAttribute('data-' + key, String(value));
}这样写，getData(btn, 'user-id') 返回 "123"，setData(btn, 'status', 'pending') 写入成功，所有浏览器表现完全一致。比满屏 if ('dataset' in el) {...} else {...} 干净得多，也更容易维护。
真正难的不是让数据存进去，而是确保所有地方读写逻辑统一——一旦某处用了 dataset，另一处用了 getAttribute，在旧浏览器里就可能拿到不同结果。
