如何使用 JavaScript 获取元素的高度387

在 JavaScript 中，获取元素的高度非常简单。您可以使用以下两种方法之一：

方法 1：使用 offsetHeight 属性

offsetHeight 属性返回元素的高度，包括其边框、内边距和外边距。以下是如何使用此属性：```javascript
const element = ("myElement");
const height = ;
```

方法 2：使用 getBoundingClientRect() 方法

getBoundingClientRect() 方法返回一个对象，其中包含有关元素的各种信息，包括其高度。以下是如何使用此方法：```javascript
const element = ("myElement");
const rect = ();
const height = ;
```

获取可视高度

如果要获取元素的可视高度（即不包括其滚动条的高度），可以使用以下方法：```javascript
const element = ("myElement");
const height = ;
```

获取内容高度

如果要获取元素的内容高度（即不包括其填充、边框和外边距的高度），可以使用以下方法：```javascript
const element = ("myElement");
const height = ;
```

示例

以下示例演示如何使用上述方法之一获取元素的高度：```html



获取元素高度

这是一个段落。
const element = ("myElement");
const height = ;
(height); // 输出：20



```

注意* 如果元素被隐藏或其显示样式设置为 none，则其高度为 0。
* 如果元素是文本节点，则其高度为文本的高度。
* 如果元素是一个块级元素，则其高度包括其垂直边距。
* 如果元素是一个行内元素，则其高度不包括其垂直边距。

2025-01-02

上一篇：JavaScript 系统时间

下一篇：动态加载 JavaScript：提升网站性能和用户体验