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