JavaScript样式属性为空

Question

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

    element.style.borderWidth

但是，如果仅指定边框样式属性（而不是'border-width'） - ＆gt;

    border-style: solid

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

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

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

Answer 1

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

window.getComputedStyle(element).borderBottomWidth;

---

对于IE 9之前的版本，您必须使用替代

element.currentStyle.borderBottomWidth