JavaScript 样式属性为空

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

    element.style.borderWidth

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

    border-style: solid

那么 borderWidth 属性为空。为什么？我计算宽度的方法如下:

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

有没有其他方法可以在仅设置 border-style 的同时计算边框宽度？

最佳答案

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

window.getComputedStyle(element).borderBottomWidth;

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

element.currentStyle.borderBottomWidth