如何在 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';
}

js小提琴。

Answer 2

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

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

Answer 3

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

Answer 4

我认为您得到的是 null 因为您缺少属性中间的连字符。 “边框颜色”

由于您不能在这里使用 jquery，我将查看所有 css 边框属性以确定它是否具有边框样式、边框宽度和边框颜色等边框。