使用javascript设置max-height

时间:2010-02-11 13:44:20

标签: javascript css

我有一个div,这个div的最大宽度是用户定义的。我知道我可以使用element.style.height完成它,但这在IE中不起作用。

有关如何使用javascript实现Firefox的max-height等效的任何想法?

3 个答案:

答案 0 :(得分:26)

通常,通过删除连字符并使用camelcase将样式属性名称转换为javascript属性名称。

因此background-color变为backgroundColortext-align变为textAlignmax-height变为maxHeight

您可以将元素el的最大高度设置为mHeight

el.style.maxHeight=mHeight;

请记住为mHeight使用有效值。

答案 1 :(得分:3)

document.getElementById ( "yourelementid" ).style.maxHeight = "100px";

参见 maxHeight Property

  

maxHeight是在Windows中引入的   Internet Explorer 7

答案 2 :(得分:0)

要使动画时间与期望的时间匹配,我将使用el.scrollHeight查找元素的所需高度。