旧浏览器不支持 dataset api，应统一使用 getattribute() 读取 data-* 属性，用 setattribute() 和 removeattribute() 写入和删除，属性名须小写加连字符。
旧浏览器里 dataset 读不到 data-* 属性怎么办
IE11 及更早版本、旧版 Edge（EdgeHTML）、Android 4.4 WebView 等环境根本不支持 dataset API，直接访问 element.dataset.xxx 会报错或返回 undefined。这不是命名问题，是原生不支持——别试了。
getAttribute() 是唯一真正跨浏览器的读取方式
所有支持 HTML5 的浏览器（包括 IE6+）都支持 getAttribute()，它不依赖驼峰转换、不检查命名规范、不自动类型转换，只做一件事：把你在 HTML 里写的原始字符串原样吐出来。
常见错误现象：
-
data-user-id="105"在 IE11 用el.dataset.userId返回undefined -
data-api-key="abc123"用dataset.apiKey在 Safari 9 下失效 -
data-1st-load="true"这种含数字开头的属性，dataset完全无法映射，但getAttribute('data-1st-load')没问题
实操建议：
- 统一用
el.getAttribute('data-action')替代el.dataset.action - 值始终是字符串，需要数字就手动
parseInt(el.getAttribute('data-count'))，需要布尔就用el.getAttribute('data-enabled') === 'true' - 避免写
data-UserId或data_user_id—— 虽然getAttribute()能读，但语义混乱且易出错；坚持小写+连字符（data-user-id）最稳妥
动态写入 data-* 属性必须用 setAttribute()
dataset 赋值（如 el.dataset.newId = '200'）在旧浏览器会静默失败，且 DOM 上根本不会生成对应属性；新属性必须走标准 DOM 方法。
实操建议：
- 首次设置自定义 data 属性，一律用
el.setAttribute('data-item-id', '105') - 修改已有属性也用
setAttribute，不要混用dataset（尤其在兼容场景下） - 删除属性用
el.removeAttribute('data-timestamp')，而不是delete el.dataset.timestamp（后者无效）
data-* 兼容性边界在哪
不是所有“看起来像 data-*”的写法都能被旧浏览器识别。关键限制有三个：
- 属性名必须以
data-开头，且后面至少有一个字符（data-本身非法） - 后续字符只能是字母、数字、连字符
-、下划线_、冒号:（但冒号在 IE8/9 中有解析风险，建议避开） - 不能含空格、点号
.、大写字母（data-UserId会被转成data-userid，但你写的 JS 里还得按小写读）
最容易被忽略的是：旧浏览器对属性名大小写不敏感，但 HTML 解析器会强制转小写；所以你在代码里写 getAttribute('data-USER-ID') 在 IE8 下也能读到，但这是靠运气，不是规范行为——始终用你写在 HTML 里的原始小写形式最可靠。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
