CodeNodeX AI
Sign upWrite
TUTORIALFrontendFETCHED

HTML DOM style 属性

HTML DOM style 属性 元素对象 实例 修改元素的颜色： [mycode3 type='js'] document.getElementById('myH1').style.color = 'red'; [/mycode3] 尝试一下 » 定义和用法 style 属性返回元素 style 属性的值。 style 属性返回一个 CSSStyleDec..

Updated 7/16/2026
JavaScript reference

Tutorial detail pages default to noindex.

HTML DOM style 属性

元素对象参考手册 元素对象

实例

修改元素的颜色：

document.getElementById("myH1").style.color = "red";

尝试一下 »

定义和用法

style 属性返回元素 style 属性的值。

style 属性返回一个 CSSStyleDeclaration 对象。

CSSStyleDeclaration 对象包含了元素的所有内联属性，但不包含 <head> 部分设置的外部样式。

浏览器支持

属性
style Yes Yes Yes Yes Yes

语法

获取 style 属性：

element.style.property

设置 style 属性：

element.style.property = value

技术细节

返回值：

返回指定属性的值。

例如：

element.style.borderBottom = "2px solid red"

更多实例

实例

获取元素 style 属性的值:

let value = document.getElementById("myP").style.borderTop;

尝试一下 »

元素对象参考手册 元素对象