JavaScript样式属性为空

Question

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

element.style.borderWidth 

但是，如果只有指定边框样式属性（而不是“边框宽度”） - >

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