如何在 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 邊框屬性以確定它是否具有邊框樣式、邊框寬度和邊框顏色等邊框。