关于FireFox获取样式borderWidth的问题!

var oDiv4=document.getElementById('div4');
oDiv4.onmouseover=function(){
startMove(this,'borderWidth',14);

          };
          oDiv4.onmouseout=function(){
                startMove(this,'borderWidth',2);
          };

function getStyle(obj,name){
if(obj.currentStyle){
return obj.currentStyle[name];
}else{
return getComputedStyle(obj,false)[name];
}
}
在火狐浏览器下用getStyle()函数获取div的border-width会出错,但在IE下不会出错,该如何解决这个BUG?

没有问题啊,是你的其他代码有问题吧。。

 <div id="div4"></div>
<script>
function getStyle(obj,name){
if(obj.currentStyle){
return obj.currentStyle[name];
}else{
return getComputedStyle(obj,false)[name];
}
}
window.onload=function(){
var oDiv4=document.getElementById('div4');
alert(getStyle(oDiv4,'borderWidth'));
}
</script>

参考
Window.getComputedStyle()
获取元素CSS值之getComputedStyle方法熟悉
getComputedStyle的第二个参数是指定伪类,如果没有的话,使用null,你使用的false。

测试了下,firefox不支持borderWidth,要具体到那个边,如borderLeftWidth。。

 function getStyle(obj,name){
  if(name.indexOf("border")==0&&navigator.userAgent.indexOf('Firefox')!=-1)name=name.replace("border","borderLeft");
  if(obj.currentStyle)return obj.currentStyle[name];else return getComputedStyle(obj,false)[name];
}