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属性值