setattribute用于动态添加或修改dom元素属性，统一通过element.setattribute(name, value)实现；需注意class、style、value等特殊属性应直接操作dom property而非attribute。
setAttribute 是 JavaScript 中操作 DOM 元素属性的核心方法，用于**动态添加新属性或修改已有属性的值**。它不区分“添加”和“修改”，统一通过 element.setAttribute(name, value) 实现——如果属性已存在，就更新值；不存在，就新建。
基本用法：设置单个属性
语法简单直接：
element.setAttribute('属性名', '属性值');例如：
-
btn.setAttribute('disabled', 'true'); → 添加/启用禁用状态（注意：设为
'true'字符串即可生效，布尔属性不需写成true） - img.setAttribute('src', '/images/logo.png'); → 修改图片地址
- div.setAttribute('data-id', '123'); → 添加自定义 data 属性
常见注意事项
有些属性不能靠 setAttribute 正确设置，需直接操作 DOM 属性（property）：
-
class：推荐用
element.className = 'xxx'或element.classList.add()，避免覆盖已有类名 -
style：用
element.style.color = 'red'更直观；若用setAttribute('style', 'color:red;')会完全替换内联样式 -
value（表单元素）：应改用
input.value = 'xxx'，setAttribute只影响初始值（HTML 属性），不反映用户输入后的实时状态 -
checked / selected / disabled 等布尔属性：设为
''、'true'或任意非空字符串都视为 true；移除用removeAttribute
批量设置多个属性
setAttribute 本身一次只能设一个，但可封装函数简化操作：
Object.entries(attrs).forEach(([k, v]) => el.setAttribute(k, v));
}
使用示例：
setAttributes(button, {'type': 'button',
'data-action': 'submit',
'aria-label': '点击提交'
});
与 removeAttribute 配合使用
要删除某个属性，用 removeAttribute：
- el.removeAttribute('disabled');
- el.removeAttribute('data-temp');
注意：removeAttribute 不会影响对应 DOM 属性（property）的当前值，比如 el.disabled = false 后再删 disabled 属性，el.disabled 仍为 false —— 属性（attribute）和属性（property）是两个不同概念。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
