JavaScript获取元的样式

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

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

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

案例：

html

 

 

CSS

JS获取元素内联样式属性

 

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

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

在其他浏览器可以使用

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

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

说明:该方法返回一个对象，对象中封装了当前元素对应的样式，var

obj= getComputedStyle(element,null)://该方法的使用说明获取元素显示样式:obj.属性名或则obj{“属性名”}.如果获取的样式没有设置，则会获取到真实的值，而不是默认值。例如:如果没有设置width，获取到的值为1200px(元素实际的值)。注意:！！!该方法不支持IE8及以下的浏览器