表格的实际高度

Question

我有一个正常的html表格位于div内。 div的宽度是70％，所以表格也调整大小。事情是，随着它缩小，会出现一些换行符，使表格比div更高。 为了让javascript函数能够改变特定表tds的字体大小，可能会断行，我想比较表格和div的高度。

然而，使用jQuery的.height()和.outerHeight()回报我，他们在CSS被分配到的高度，而不是他们实际高度。如果我至少得到飞越地区的高度，那已经很棒了。任何猜测什么尝试？

PS：我试过this方法，但它也没有解决。

编辑：这是一个非常简单的fiddle，只是让你明白它是如何嵌套的。

我欣赏给出的建议，但他们也没有工作。

Answer 1

偏移属性属于元素本身。

试试这个：

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

下面是偏移值一些文档：https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements。

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

Answer 2

使用scrollHeight，参见this example。

从MDN：

的Element.scrollHeight只读属性是 高度一个元素的内容的的测量，包括内容的 屏幕上由于溢出不可见的。 scrollHeight值等于该元素所需的最小值 clientHeight，以便在不使用垂直滚动条的情况下将所有内容 适合于视点。它包括 元素填充但不包括其边距。