元素样式的获取

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

if(you love javascript) I'd like to be with your friends
原文地址:https://www.cnblogs.com/qiweile/p/9287935.html