2010-02-11 13 views
7

Tengo un div, y el ancho máximo para este div está definido por el usuario. Sé que puedo hacerlo usando element.style.height, pero esto no funciona en IE.Establecer max-height usando javascript

¿Alguna idea sobre cómo implementar el equivalente de altura máxima de Firefox utilizando javascript?

Respuesta

22

Por lo general, el estilo nombres de atributos se traducen a nombres Javascript propiedad mediante la eliminación de los guiones y camelCase el nombre en lugar.

Así background-color convierte backgroundColor, text-align se convierte en textAlign y se convierte en max-heightmaxHeight.

Puede configurar un elemento el 's altura máxima a mHeight por:

el.style.maxHeight=mHeight;

recuerde usar un valor válido para mHeight.

+6

Para mayor claridad, un "valor válido para' mHeight' "sería una cadena que incluye unidades, exactamente como en CSS. Por ejemplo, 'mHeight =" 100px "', no 'mHeight = 100'. –

+1

Solo para mayor claridad, también puede ser '" 0 "', una cadena de porcentaje ('" 50% "') o '" ninguno "', todos estos son valores válidos para 'max-height' (el CSS correspondiente propiedad), ver http://www.w3.org/TR/CSS21/visudet.html#min-max-heights – GodsBoss

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

Ver maxHeight Property

maxHeight se introdujo en Windows Internet Explorer 7

Cuestiones relacionadas