获取样式的原生js兼容写法

本篇文章主要介绍了js获取非行间样式的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧

我们都知道，js不能直接获取样式表中的样式，例如width，left，只能直接获取行内样式，但是现在主流不建议写行内样式，因此我们封装一个可以直接获取非行间样式的函数

1.oDiv.style.background, 用此种方法;是无法获取非行间样式

弹出的效果如下：

oDiv.style.background效果

oDiv2.style.background效果

2.获取非行间样式

方法：

currentStyle是IE中的属性，getComputedStyle是其他浏览器的方法

image

注意：

（1） getStyle（注意其有两个参数）；

第一个参数 obj 为要获取的对象，第二个参数attr为要获取的属性，

（2）在非行间样式中，style属性只能去赋值，在行间样式中才能去获取样式；