setattribute可直接添加或修改任意合法字符串属性，包括data-、标准属性和自定义属性；data-命名须符合html规范（字母/数字/连字符等，不可数字开头）；dataset专用于data-*且支持驼峰转换，而setattribute保持原始字符串形式；布尔属性设为空字符串或属性名本身即生效。
在 JavaScript 中，setAttribute 可以直接为元素添加或修改任意自定义属性（包括 HTML5 的 data-* 属性），只要属性名合法、值能转为字符串即可。
设置标准属性和自定义属性
setAttribute 不区分“标准”还是“自定义”，统一按字符串处理。例如：
const div = document.getElementById('myDiv');<br>div.setAttribute('id', 'newId'); // 修改标准属性<br>div.setAttribute('class', 'box active'); // 设置 class（注意不是 className）<br>div.setAttribute('data-user-id', '123'); // 设置 data 属性<br>div.setAttribute('role', 'button'); // 设置 ARIA 属性<br>div.setAttribute('custom-flag', 'true'); // 完全自定义的非标准属性
注意 data-* 属性的命名规则
HTML 中 data- 后只能跟字母、数字、连字符（-）、下划线（_）、冒号（:）和点号（.），且不能以数字开头。JS 中用 setAttribute 设置时，需严格匹配 HTML 写法：
Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。
- ✅ 正确：
data-user-id、data-config-type、data_version - ❌ 错误：
data-1id（数字开头）、data-user id（含空格）、data@type（非法字符）
与 dataset API 的区别
dataset 是专用于 data-* 属性的便捷接口，会自动转换驼峰命名（如 data-user-id → user_id 或 userId），但 setAttribute 始终保持原始字符串形式：
// HTML: <div id="el" data-user-id="456"></div><br>const el = document.getElementById('el');<br><br>el.setAttribute('data-user-id', '789'); // ✅ 直接写连字符名<br>console.log(el.getAttribute('data-user-id')); // "789"<br><br>el.dataset.userId = '789'; // ✅ 用驼峰赋值（等价于 data-user-id）<br>el.dataset['user-id'] = '789'; // ✅ 也可用中括号加原始名
设置布尔属性的小技巧
像 disabled、hidden 这类布尔属性，只要存在即为 true，值内容通常被忽略（但建议设为空字符串或属性名本身）：
-
el.setAttribute('disabled', '')或el.setAttribute('disabled', 'disabled') - 避免写
el.setAttribute('disabled', 'false')—— 这仍会让元素禁用 - 要移除布尔属性，用
removeAttribute('disabled')
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
