如何使用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';