使用javascript设置max-height

Question

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

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

Answer 1

通常,样式属性名称通过删除连字符而转换为javascript属性名称,而是将名称替换为camelcase.

所以background-color变得backgroundColor,text-align变得textAlign和max-height变maxHeight.

您可以通过以下方式设置元素el的最大高度mHeight:

el.style.maxHeight=mHeight;

请记住使用有效值mHeight.

为了清楚起见,"mHeight`的有效值"将是一个包含单位的字符串,与CSS完全相同.例如,`mHeight ="100px"`,而不是'mHeight = 100`. (11认同)

Answer 2

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

maxHeight 是在 Windows Internet Explorer 7 中引入的