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

时间:2011-02-07 18:55:06

标签: javascript html

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

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

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

3 个答案:

答案 0 :(得分:8)

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

但是,它不能用于更改实际大小,正如评论中所述,offsetHeight是元素的属性,而不是样式。

要使用heightpaddingborder修改实际尺寸。

答案 1 :(得分:4)

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

答案 2 :(得分:1)

您应该设置style.height并记住在最后添加单位,例如' px' ,例如,你从offsetHeight得到它(你知道你需要什么单位)。它的风格和你拥有所有不同的单位(' px','%',' em',' vh' ,...等)。 这是一个例子:

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

另外要注意的是offsetHeight将高度作为数字返回一个整数。单位是px。如果你得到一个使用它的价值。您需要始终添加单位' px'设置style.height时,就像上面和下面的例子一样:

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