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('p');
//获取样式
var attr = dom.style.height
//设置样式
dom.style.height = 111+'px';

第三种：

obj.offsetattr