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