JS获取CSS样式的三种方式

JS获取CSS样式的三种方式

第一种获取非行间的样式:

使用getComputedStyle与currentStyle属性获取样式

这里第一个参数值获取那个选择器的属性，第二个参数代表是否需要获取伪类元素

:before,:after等

if(obj.currentStyle){
    return obj.currentStyle[attr];
}else{
    return obj.getComputedStyle(obj,null)[attr]
}

第二种获取行内样式：
直接使用dom对象进行访问

var dom = docment.getElementById('div');
//获取样式
var attr = dom.style.height
//设置样式
dom.style.height = 111+'px';

第三种：

obj.offsetAttr