JavaScript的style属性为空

Question

我需要计算一个元素的边框宽度。如果我通过CSS显式设置了它，那么可以通过JavaScript来访问：

    element.style.borderWidth

然而，如果仅指定边框样式属性（而非'border-width'）->

    border-style: solid

那么为什么borderWidth属性是空的呢？我的计算宽度的方法如下：

if(element.style.borderWidth == ''){
    borderWidth = (offsetHeight - clientHeight)/2
}

在仅设置 border-style 的情况下，还有其他计算边框宽度的方法吗？

- Anton Putov

---

你所需要的是该元素的“计算样式”。 - ThiefMaster

Answer 1

对于现代浏览器，您可以使用 window.getComputedStyle

window.getComputedStyle(element).borderBottomWidth;

对于 IE 9 及之前的版本，您将需要使用替代方案。

element.currentStyle.borderBottomWidth 

- Gabriele Petrioli