js获取当前节点css,js获取元素样式

内联样式：

Element.style

外部样式:

1.getComputedStyle():可以获取当前元素最终使用的css属性值

window.getComputedStyle("元素", "伪类/null").attribute;

document.defaultView.getComputedStyle("元素", "伪类");

注意：Firefox和Safari会将颜色转换成rgb格式

2.element.currentStyle-----ie浏览器

返回的是元素当前应用的最终CSS属性值(包括外链CSS文件，页面中嵌入的

element.currentStyle.attribute

3.getPropertyValue():获取css样式直接属性名称

window.getComputedStyle(element, null).getPropertyValue(属性);

var test = document.getElementById('test');

window.getComputedStyle(test, null).getPropertyValue("background-color");

4.getAttribute

var test = document.getElementById('test');

window.getComputedStyle(test, null).getPropertyValue("backgroundColor");

兼容性解决方式：

Function getStyle(obj, attr){

if(obj.currentStyle){

return obj.currentStyle;

}else{

return getComputedStyle(obj,null);

}

}