原生js获取css属性值

获取css属性值的方法

1.obj.style：

使用方法：obj.style.left

这个方法js只能获取在html标签中的写在style属性中的值（style="…"）即行内样式，而无法获取定义在样式表里面的属性。

2.window.getComputedStyle()：

使用方法：window.getComputedStyle(obj,false).getPropertyValue("background-color");

IE中使用的是obj.currentStyle方法，而FF是用的是getComputedStyle 方法。
这个方法接受两个参数：要取得计算样式的元素和一个伪元素字符串（例如“:after”）。
如果不需要伪元素信息，第二个参数可以是false。

3.obj.offsetLeft：

使用方法：obj.offsetLeft

能单纯的获取数值的大小
注：只能获取上下左右边距和宽高Width，首字母需大写，此属性是只读的，不能够赋值。

ps：

通过js的obj.style方法改写的只是行内样式，有时会和css样式表里的产生bug冲突，所以推荐用js更改类名的方法或②方法