先分别介绍以下，以下资料来自MDN
HTMLElement.offsetHeight 是一个只读属性，它返回该元素的像素高度，高度包含该元素的垂直内边距和边框，且是一个整数。
Element.clientHeight 是一个只读属性，它返回该元素的像素高度，高度包含该元素的垂直内边距和边框，且是一个整数。
Element.scrollHeight 是一个只读属性，是一个元素内容高度的度量，包括由于溢出导致的视图中不可见内容
|
|
style.height |
clientHeight |
offsetHeight |
scrollHeight |
|
所属对象 |
Object |
Element |
HTMLElement |
Element |
|
获取高度 |
内联样式高度 |
元素高度+内边距 |
元素高度+内边距+边框+滚动条 |
元素高度+内边距+伪元素 |
|
|
|
不包含滚动条 |
不包含伪元素 |
|
|
出现滚动条 |
|
可见部分高度 |
|
元素所有部分 |
|
读写属性 |
读写 |
只读 |
只读 |
只读 |
浅谈style.height、clientHeight、offsetHeight、scrollHeight
原文：https://www.cnblogs.com/wament/p/10285493.html