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 9之前的版本,您将不得不使用替代方案

element.currentStyle.borderBottomWidth