我们之前用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'));