element.setAttribute() 设置属性

最后更新：2026-09-09

setAttribute 设置元素的 HTML 属性。如果属性已存在则更新值。

分类	DOM 操作
ES 版本	DOM

📝 语法

元素.setAttribute('属性名', '属性值');

name	属性名。
value	属性值（总是字符串）。

返回值：undefined。

是否修改原值：是（原地修改）

编辑下方代码，点击运行，在输出面板查看结果：

运行结果：

（属性已设置）

💡 提示 对于标准属性（href/src/class/id 等）直接赋值更简洁：el.href = '...'。

ℹ️ info setAttribute 总是把值转为字符串——布尔属性用 el.disabled = true 更好。

浏览器	Chrome	Edge	Firefox	Safari	Opera
element.setAttribute()	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有现代浏览器均支持

更多实战案例即将上线，敬请期待。

QsetAttribute 和直接赋值的区别？

AsetAttribute 设置 HTML 属性；直接赋值设置 DOM 属性（某些属性两者不同步）。

QsetAttribute 能设置 data-* 属性吗？

A能——setAttribute('data-id', '123') 或直接 el.dataset.id = '123'。

QsetAttribute 会触发事件吗？

A不会触发变更事件。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。