2010-02-11 80 views
7

我有一個div,並且此div的最大寬度是用戶定義的。我知道我可以使用element.style.height完成它,但這在IE中不起作用。使用javascript設置最大高度

有關如何通過使用javascript實現Firefox的最大高度相當的任何想法?

回答

22

通常樣式屬性名稱是通過除去連字符翻譯成JavaScript屬性名稱和駝峯名代替。

所以background-color變得backgroundColortext-align變得textAlignmax-height成爲maxHeight

您可以通過元素el的最大高度設置爲mHeight

el.style.maxHeight=mHeight;

請記住,使用一個有效的價值mHeight

+6

只是爲了清楚起見,「mHeight」的有效值將是一個包含單位的字符串,完全如CSS。例如,'mHeight =「100px」',而不是'mHeight = 100'。 – 2010-02-11 13:57:58

+1

爲了更清楚起見,它也可以是「0」,百分比字符串(「50%」或「none」),所有這些都是「max-height」的有效值(相應的CSS財產),請參閱http://www.w3.org/TR/CSS21/visudet.html#min-max-heights – GodsBoss 2010-02-17 10:01:58

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

maxHeight Property

了maxHeight是在Windows Internet Explorer 7中

相關問題