javascript - JavaScript 样式属性为空

Question

我需要计算元素边框的宽度。如果我明确设置它（通过 CSS），那么我可以通过以下方式在 JavaScript 中访问它：

    element.style.borderWidth

但是，如果只指定边框样式属性（而不是'border-width'）->

    border-style: solid

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

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

有没有其他方法可以计算边框宽度而只设置border-style？

Answer 1

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

window.getComputedStyle(element).borderBottomWidth;

---

对于 IE pre-9，您将不得不使用替代方法

element.currentStyle.borderBottomWidth