如何在javascript中获取div的边框宽度/颜色？

我想检测一个div是否有边界。如果是这样，我想将边框颜色更改为灰色。这是我的代码，但不起作用。如何在javascript中获取div的边框宽度/颜色？

var ele = document.get...; 
if(ele.style.borderColor) 
{ 
    ele.style.borderColor='666666'; 
}

ele.style.borderColor始终为空。顺便说一句，我不能在这里使用JQuery。有人可以帮忙吗？

来源

2011-05-05 icespace

var ele = document.getElementById('a'), 
    style = window.getComputedStyle(ele, null), 
    sides = ['top', 'right', 'bottom', 'left'], 
    maxBorder = 0; 

for (var i = 0, length = sides.length; i < length; i++) { 
    maxBorder = Math.max(maxBorder, parseInt(style.getPropertyValue('border-' + sides[i] + '-width'))); 
} 

if (maxBorder) { 
    ele.style.borderColor = '#666666'; 
}

jsFiddle。

来源

2011-05-05 02:22:40 alex

感谢的人，但是，'风格= window.getComputedStyle（ele，null）'总是为null，只是在chrome，osx，最新版本中测试过。 – icespace 2011-05-05 02:40:54

@icespace哪个Chrome？我只是在OS X上的Chrome 11中测试它，它工作正常。 – alex 2011-05-05 02:50:26

是的，是的，它工作正常。抱歉。我想我的脚本中有一些其他错误。非常感谢你。 8-） – icespace 2011-05-05 02:52:45