表的实际高度

Question

我在div中有一个常规的html表。 div的宽度为70％，因此表格也会调整大小。事情是，随着它的缩小，有一些换行符，使得桌子越来越高。比div。 为了使javascript函数改变可能破坏行的特定表tds的字体大小，我想比较表的高度和它的div。

但是，使用JQuery＆＃39; .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才能适合所有内容   在不使用垂直滚动条的视点中。它包括   元素填充但不是它的边缘。