什么是offsetHeight？
offsetHeight是一个元素的可见高度与边框宽度、内边距、垂直滚动条高度之和。它是一个只读属性，其返回值始终为整数，包含px的单位。
如何获取offsetHeight？
我们可以使用J*aScript的offsetHeight属性来获取一个元素的offsetHeight值。例如，如果我们想获取一个元素id为”example”的offsetHeight，可以这样写：
var ele = document.getElementById(\"example\");var height = ele.offsetHeight;其中，ele指代要获取的元素，height是获取到的offsetHeight值。
offsetHeight的计算方式
取得offsetHeight的值时，浏览器会计算元素的可见高度，包括元素下边链式的部分padding值、border值以及水平滚动条的高度。如果元素使用了百分比高度值，其offsetHeight将被计算成相对于父元素的实际像素高度。通常这个高度跟实际像素一样。
如何在代码中使用offsetHeight？
offsetHeight会在我们界面布局代码中起到重要作用。例如，我们想要通过J*aScript改变一个元素的高度，可以这样*作：
var ele = document.getElementById(\"example\");ele.style.height = \"100px\";上面的代码将改变元素的行内高度属性，这个新的高度将覆盖旧的高度值，并且会被浏览器计算在新的offsetHeight值中。
offsetHeight的使用场景
因为offsetHeight计算方式的复杂性，在实际的开发中，我们应该尽量避免通过J*aScript来获取offsetHeight的值，而是使用CSS中的height属性来控制元素高度。不过，我们在实际开发时很可能需要用到offsetHeight的值，比如用JS实现元素垂直居中，或者水平居中的一些需求，此时可以借助此属性实现。
总结
offsetHeight是一个元素的可见高度与边框宽度、内边距、垂直滚动条高度之和。我们可以通过J*aScript的offsetHeight属性来获取一个元素的offsetHeight值。取得offsetHeight的值时，浏览器会计算元素的可见高度，包括元素下边链式的部分padding值、border值以及水平滚动条的高度。在实际的开发中，我们应该尽量避免通过J*aScript来获取offsetHeight的值，而是使用CSS中的height属性来控制元素高度。