javascript - DOM中元素的offsetHeight和scrollHeight有什么区别？

Question

在 DOM 中，元素的 offsetHeight 和 scrollHeight 有什么区别？解释中的图片会很有帮助。

Answer 1

HTMLElement.offsetHeight 是一个测量值，包括元素边框、元素垂直填充、元素水平滚动条(如果存在，如果呈现)和元素 CSS 高度。 HTMLElement.scrollHeight 是元素内容高度的测量值，包括由于溢出而在屏幕上不可见的内容。 HTMLElement.scrollHeight 返回的值将包括 padding-top 和 padding-bottom，但不包括元素边框或元素水平滚动条。

This页面和this页面是我的来源。

MDN 文档还提供了图片来演示。