在网页开发中，获取元素的尺寸是一项非常重要的任务。我们可以通过一些属性来获取 DOM 元素的尺寸信息，其中 offsetHeight 属性是最常用的之一。接下来，我们将详细讲解如何使用 offsetHeight 属性获取元素的高度。

一、offsetHeight 属性概述

offsetHeight 属性是一种计算元素高度的属性，它包括了该元素的所有高度，包括内容高度、内边距高度、边框高度和外边距高度。如果没有任何的样式影响，offsetHeight 的值应该等于元素的实际高度（不包括水平滚动条）。

值得注意的是，offsetHeight 返回的值是一个整数，无法返回小数。如果想要获取含有小数的元素高度，可以使用其他方法，如 getBoundingClientRect() 方法。

二、使用 offsetHeight 属性获取元素高度的方法

在JavaScript中，通过以下两种方法可以获取元素的高度：

1、使用 id 属性获取元素，然后使用 offsetHeight 属性获取元素高度。

2、使用 DOM 对象的 getElementById() 或 querySelector() 方法获取元素，然后使用 offsetHeight 属性获取元素高度。

接下来，我们将通过演示代码来详细讲解这两种方法。

1. 通过 id 属性获取元素，并使用 offsetHeight 属性获取元素高度

我们可以通过以下的 HTML 代码在页面中创建一个 div 元素，并定义一个 id 属性：

```