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

Question

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

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

ele.style.borderColor 始终为 null。 顺便说一句，我不能在这里使用 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。

Answer 2

您可以只设置边框颜色，而不尝试读取任何属性。

如果元素没有边框，则设置颜色不会产生任何效果。

Answer 3

您所犯的错误是您没有在颜色十六进制代码之前指定“#”符号
所以您必须进行一些更改：
ele.style.borderColor='#666666';

Answer 4

我认为您得到的是空值，因为您缺少属性中间的连字符。 “border-color”

因为你不能在这里使用 jquery，所以我会查看所有 css 边框属性来确定它是否有边框，例如 border-style、border-width 和 border-color。