桌子的实际高度答案

【问题标题】：Actual height of a table桌子的实际高度
【发布时间】：2014-09-02 19:28:32
【问题描述】：

我有一个位于 div 内的常规 html 表。 div 的宽度是 70%，所以表格也会调整大小。问题是，随着它的缩小，有一些换行符，使表格比 div '高'。为了制作一个 javascript 函数来更改可能断行的特定表格 tds 的字体大小，我想比较表格的高度和它的 div。

但是，使用 JQuery 的 .height() 和 .outerHeight() 返回它们在 css 中分配的高度，而不是它们的实际高度。如果我至少得到溢出区域的高度，那已经很棒了。对尝试什么有任何猜测吗？

PS：我试过this的方法，也没有成功。

编辑：这是一个非常简单的fiddle，只是为了让您了解它是如何嵌套的。

我很欣赏所提供的建议，但它们也没有奏效。

【问题讨论】：

【解决方案1】：

使用scrollHeight，参见this example。

来自MDN：

Element.scrollHeight 只读属性是对元素内容的高度，包括在屏幕溢出。 scrollHeight 值等于最小值 clientHeight 元素需要以适应所有内容在不使用垂直滚动条的视点中。它包括元素填充，但不是它的边距。

【讨论】：

【解决方案2】：

偏移属性属于元素本身。

试试这个：

document.getElementById('#table').offsetHeight;

在大多数情况下，这将为您提供屏幕上所占用空间的尺寸。如果您想要包括溢出在内的尺寸，那么@NielsKeurentjes 提供的滚动尺寸就是您想要的。

【讨论】：