JavaScript获取元素的样式

通过.style.属性获取/修改样式

元素.style.样式名=样式值  读取方式： 元素.style.样式名

通过.style.属性设置和读取的都是内联样式

案例：

 html

CSS

 

JS获取元素内联样式属性

 

2.获取元素的当前显示样式

语法:元素.currentStyle.属性名或元素.currentStyle[属性名],currentStyle 可以用来读取当前元素正在显示的样式,如果当前元素没有设置改样式,则获取它的默认值,例如：如果没有设置width,获取到的值为auto

在其他浏览器中可以使用

getComputedStyle()这个方法获取当前元素的显示样式,这方法是window的方法,可以直接使用。

参数说明：

1. 需要获取样式的元素
2. 可以传递一个伪元素,一般都传null