如何在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