element.style 内联样式
最后更新：2026-09-09
element.style 内联样式
style 属性读写元素的内联 CSS 样式。属性名使用驼峰命名（backgroundColor 而非 background-color）。
| 分类 | DOM 操作 |
|---|---|
| ES 版本 | DOM |
📝 语法
元素.style.属性名 = '值';返回值：CSSStyleDeclaration 对象。
是否修改原值：是（原地修改）
▶ 示例
编辑下方代码，点击运行，在输出面板查看结果：
运行结果：
（样式已设置）💡 提示 CSS 属性名用驼峰命名：background-color 变成 backgroundColor。
ℹ️ info style 只读写内联样式——计算样式用 getComputedStyle(el)。
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.style | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有现代浏览器均支持 | |||||
🏷️ 相关条目
💡 相关案例
更多实战案例即将上线，敬请期待。
📚 相关教程
❓ 常见问题
Qstyle 和 classList 哪个好？
A动态计算的样式用 style；预定义的样式切换用 classList（更维护友好）。
Q为什么 backgroundColor 不是 background-color？
AJS 属性名不能有连字符——CSS 的连字符属性用驼峰转换。
Q如何读取计算后的样式？
AgetComputedStyle(el).color。
