如何确定字段集边框的高度和宽度？

【问题标题】：How can I determine the height and width of a fieldset border?如何确定字段集边框的高度和宽度？
【发布时间】：2010-12-16 06:26:58
【问题描述】：

我有一个字段集，我想在 JavaScript 中确定顶部（包括图例）和底部边框的高度（厚度），以及左右边框的宽度。

我正在尝试调整位于字段集中的 JavaScript 表的大小，以便调整字段集 + 表的大小以适合页面上的特定区域。如果我将表格设置为区域的尺寸，那么 fieldset+table 组合对于该区域来说太大了，所以我需要减去 fieldset 边框占用的空间。

谢谢。

【问题讨论】：

标签： javascript size fieldset

【解决方案1】：

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;
}

【讨论】：

我是否还需要获取图例的高度，或者因为线将图例一分为二，所以我需要获取图例的一半？
@Paul 你必须玩弄它——通过考虑各种风格，例如height、borderTopWidth、marginTop、paddingTop等，应该都能得到你想要的。