js获取、设置元素css属性值

这里以获取html元素宽高为例

js获取html元素宽高有三种方法:1.obj.style.width;2.getComputedStyle和currentStyle(IE)函数

但实际操作上会发现,第一种方法是无法获取到行内设置的元素属性值的,使用obj.offsetWidth即可,样式可以anywhere(合理的)。(使用obj.offsetWidth;获取到的是容器当前大小,包括边(border)和内填充(padding)的值,不包括margin)。
使用getComputedStyle和currentStyle(IE)函数来获取样式属性,可封装如下的函数:

function getStyle(obj,attr){  
  if(obj.currentStyle){//ie  
    return obj.currentStyle[attr];  
  }else{  
    return getComputedStyle(obj)[attr];  
  }  
}

直接调用这个函数就可以了。

getComputedStyle方法具有可选的第二个参数

欢迎分享本文,转载请保留出处:前端ABC » js获取、设置元素css属性值

赞 (1)
分享到:更多 ()

发表评论 0