如何使用 javascript 更改元素的 offsetHeight？答案

【问题标题】：how to change the offsetHeight of a element using javascript?如何使用 javascript 更改元素的 offsetHeight？
【发布时间】：2011-06-22 22:50:15
【问题描述】：

您好，我正在尝试更改元素的 offsetHeight。我用了以下

document.getElementById('id').style.offsetHeight = 0;

但我没有看到明显的变化。谁能帮帮我？

【问题讨论】：

并确保元素 not inline ，使用 block 或 inline-block 代替

标签： javascript html

【解决方案1】：

offsetHeight 属性表示元素可见区域的高度。它是一种简写形式，包含填充、滚动条和边框的尺寸总和。

但是，它不能用于更改实际大小，并且如 cmets 中所述，offsetHeight 是元素的属性，而不是样式。

要修改实际大小，请使用height、padding 或border。

【讨论】：

而 offsetHeight 是 element 的一个属性，而不是它的 style 对象。

【解决方案2】：

您应该将style.height 设置为以px 结尾的字符串。

【讨论】：

【解决方案3】：

您应该设置 style.height 并记住在末尾添加单位，例如 'px' ，以防您从 offsetHeight 获取它（例如，您知道需要什么单位）。它的风格，你有所有不同的单位（'px'，'%'，'em'，'vh'，...等）。这是一个例子：

myHeightInPx = 200;
DomElement.style.height = myHeightInPx + 'px';

另外需要注意的是，offsetHeight 以数字、整数的形式返回高度。单位是 px。如果您使用它获得价值。在设置 style.height 时，您需要始终添加单位 'px'，就像上面和下面的示例一样：

DomElement.style.height = AnotherDOMelment.offsetHeight() + 'px';

【讨论】：