获取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更改类名的方法或②方法