JavaScript 元素 Height 属性259

简介`height` 属性表示元素的内容区域的高度，即不包括边框、内边距和外边距。它是一个只读属性，以像素为单位返回一个数值。

语法```
```

其中 `element` 是一个表示 HTML 元素的对象。

示例```html

这是一个 div 元素```
```javascript
var myDiv = ("myDiv");
(); // 输出：100
```

注意：* `height` 属性仅适用于具有内联高度的元素，例如 `div` 和 `img`。
* 如果元素的高度是动态的或不可预测的，则 `height` 属性的值可能会发生变化。
* `height` 属性不包括边框、内边距和外边距。要获取元素的总高度，请使用 `offsetHeight` 属性。

相关属性* `offsetHeight`：返回元素的总高度，包括边框、内边距和外边距。
* `clientHeight`：返回元素的内容区域高度，不包括滚动条。
* `scrollHeight`：返回元素的内容区域的高度，包括滚动条。

用例`height` 属性可用于以下用途：* 获取元素的内容区域高度。
* 调整元素的高度以匹配另一个元素的高度。
* 创建动态高度的元素。
* 检测元素的高度是否发生变化。

示例代码以下示例显示了如何使用 `height` 属性来获取元素的内联高度：
```html

这是一个 div 元素```
```javascript
var myDiv = ("myDiv");
(); // 输出：200
```
以下示例显示了如何使用 `height` 属性来调整元素的高度：
```html

这是一个 div 元素

另一个 div 元素```
```javascript
var myDiv = ("myDiv");
var myOtherDiv = ("myOtherDiv");
= ;
```
以下示例显示了如何使用 `height` 属性来创建动态高度的元素：
```html

```
```javascript
var myDiv = ("myDiv");
("resize", function() {
= ;
});
```
以下示例显示了如何使用 `height` 属性来检测元素的高度是否发生变化：
```html

```
```javascript
var myDiv = ("myDiv");
var lastHeight = ;
setInterval(function() {
if ( != lastHeight) {
("元素的高度已发生变化。");
lastHeight = ;
}
}, 1000);
```

兼容性`height` 属性在所有主要浏览器中都得到支持。

2025-01-28

上一篇：JavaScript WScript 对象：脚本化 Windows

下一篇：Notepad 中使用 JavaScript：入门指南