当前位置：Gxlcms > html代码 > JS获取对象的某个CSS属性值的问题_html/css_WEB-ITnose

JS获取对象的某个CSS属性值的问题_html/css_WEB-ITnose

时间：2021-07-01 10:21:17 帮助过：26人阅读

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

该方法很强大，兼容所有浏览器，可获取对象的某个特定的CSS属性；

但是后来使用该方法时，发现在火狐和IE上有个共同的BUG，就是获取border的值时，他们都返回空了；

因为浏览器对border的渲染有差异，在火狐上border是分四个方向来渲染的，

所以获取border的值时，要分开获取，

这样：getStyle(obj,'borderLeftWidth') 来取得边框的值。

其实这个方法本身是没有任何问题的，只是在使用时，只是在使用时对浏览器本身的一些差异，还是要注意；

是否其他属性的值也有这种差异，还要在实际使用时去发现。

另外，该方法在获取行内样式时是不通用的，还是要用 obj.style[attr]

人气教程排行