function getStyle(obj,attr) //obj为对象,attr为样式属性
{ if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else{
return getComputedStyle(obj,false)[attr];
}
}
手写js获取非行间样式,上次讲到offsetWidth获取元素的width不是太准确,因为其实盒模型计算(计算时包含了margin、padding、border等的值),所以这次特地讲讲非行间获取样式。封装getStyle用来获取非行间样式,需要用到currentStyle和getComputedStyle这两个属性。
注意:style只能获取行内的样式,即定义属性时写在了body内的,比如<input style="width:... ;height:.. ">,而定义在head或者css文件中的属性就属于非行间样式。