元素样式的获取

我们之前用className来获取和设置元素的样式，但这种方式只能获取和设置元素的行内样式

用之前的className方法做不到；

getComputedStyle：获取计算后的样式；

此方法返回值是对象，如果需要操作具体的样式还需要进行属性访问。

样式的值为字符串形式，有单位；

用法：getComputedStyle(元素名).想要获取的属性；

此属性ie9以下不支持，ie9以下支持的属性是 currentStyle: 只有ie支持此属性

 

兼容性封装获取计算后的样式；

gar getStyle = funciton(ele,syle.Name){

　　if(ele.currentStyle){

　　　　return ele.currentStyle[style.Name];

　　}else{

　　　　return getComputedStyle(ele)[styleName];

　　}

};

console.log(getStyle(box,'width'));