2010-02-11 78 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中

相关问题