原生js获取样式

js中的获取样式是在是让人头疼，为了方便兼容多个浏览器，把设置样式封装成一个函数。

函数如下：

function getStyle(element, property) {
var value = element.style[property];
if(!value){
　　　　 if(window.getComputedStyle) { //非IE
　　　　　　 value = window.getComputedStyle(element,null)[property];
　　　　 } else if(element.currentStyle) { //IE
　　　　　　 value = element.currentStyle[camelize(property)];
　　 　　 }
}
return value;
}

下面将分析下设置样式的几种方法：

• 1、element.style:只能获取写在元素标签中的style属性里的样式值，无法获取到定义在和通�%8�加载进来的样式属性
• 2、window.getComputedStyle():可以获取当前元素所有最终使用的CSS属性值（高级属性）。
• 3、element.currentStyle:IE 专用，返回的是元素当前应用的最终CSS属性值（包括外链CSS文件，页面中嵌入的属性等）。

---