CSS属性

1.  getComputedStyle（属性多）
获取当前元素所有最终使用的CSS属性值，返回一个只读的对象

     style （属性少）可写

 

var dom = document.getElementById('btn')
var a = window.getComputedStyle(dom,null)
var b = dom.style
console.log(a);
console.log(b);

　　

2.currentStyle 与getComputedStyle 作用一样，只不过浏览器适用不一样

function css(元素, 属性){
    if(obj.currentStyle){ //ie使用
    return obj.currentStyle[属性];
    } else { //火狐与chrome
    return getComputedStyle(元素, 伪类，没有为null)[属性];
    }
}

　　

获取css属性值 ：

1.键值对
2.getProperValue :window.getComputedStyle(element,伪类).getProperValue('属性名')
两种方式的不同在于有时值一样，属性名是不一样的