2010-12-15 85 views
-1

我有一個字段集,我想在JavaScript中確定頂部(包括圖例)和底部邊框的高度(厚度),以及左右邊框的寬度。如何確定字段集邊框的高度和寬度?

我正在嘗試調整位於字段集中的JavaScript表的大小,以便fieldset +表的大小適合頁面上的特定區域。如果我將表格設置爲區域的尺寸,那麼字段+表格組合對於區域來說太大,所以我需要減去字段集邊框佔用的空間。

謝謝。

回答

0
var fieldset = document.getElementsByTagName("fieldset")[0]; 
alert(getStyle(fieldset, "borderTopWidth")); 
alert(getStyle(fieldset, "paddingTop")); 

//http://www.quirksmode.org/dom/getstyles.html 
function getStyle(el,styleProp) 
{ 
    if (el.currentStyle) 
     var y = el.currentStyle[styleProp]; 
    else if (window.getComputedStyle) 
     var y = document.defaultView.getComputedStyle(el,null).getPropertyValue(styleProp); 
    return y; 
} 
+0

我是否還需要獲取圖例的高度,或者是自該行一分爲二的圖例的高度? – Paul 2010-12-15 23:15:59

+0

@Paul你必須考慮到各種風格,例如高度,borderTopWidth,marginTop,paddingTop等,你應該能夠得到你想要的。 – Emmett 2010-12-16 02:30:28