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

Question

我想检测一个 div 是否有边框。如果是这样，我想将边框颜色更改为灰色。这是我的代码，但不起作用。

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

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

Answer 1

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 .