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

Question

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

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

但我没有看到明显的变化。 有人可以帮我吗？

Answer 1

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

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

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

Answer 2

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

Answer 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';