Set max-height using javascript

前端 未结 3 1828
庸人自扰
庸人自扰 2021-02-15 08:25

I have a div, and the maximum width for this div is user defined. I know I can get it done using element.style.height but this doesn\'t work in IE.

Any ideas on how to i

相关标签:
3条回答
  • 2021-02-15 08:44
    document.getElementById ( "yourelementid" ).style.maxHeight = "100px";
    

    See maxHeight Property

    maxHeight was introduced in Windows Internet Explorer 7

    0 讨论(0)
  • 2021-02-15 08:47

    Usually style attribute names are translated into javascript property names by removing the hyphens and camelcase the name instead.

    So background-color becomes backgroundColor, text-align becomes textAlign and max-height becomes maxHeight.

    You can set an element el's maximum height to mHeight by:

    el.style.maxHeight=mHeight;

    Remember to use a valid value for mHeight.

    0 讨论(0)
  • 2021-02-15 08:51

    To make the animation time match what is expected, I would use el.scrollHeight to find the required height of the element.

    0 讨论(0)
提交回复
热议问题