Расширение высоты div за максимальную высоту из JavaScript

Question

У меня есть div в пользовательском элементе управления, чья максимальная высота установлена ​​в 400px в css.Этот пользовательский элемент управления используется во многих aspx-страницах моего приложения.

Я пытаюсь динамически увеличить высоту div до 500px в JavaScript только для одной страницы, но это не работает.Div в пользовательском элементе управления всегда принимает только 400px (максимальная высота, заданная в css), а не высоту, установленную JavaScript.

Есть ли способ изменить высоту div на максимальную высоту из JavaScript?

Спасибо

Answer 1

Вам нужно установить свойство max-height, прежде чем вы сможете установить высоту больше его.

Итак, а не это:

function setHeight()
{
    var e = document.getElementById("myDiv");
    e.style.height = "500px";
}

Вы сделаете это:

function setHeight()
{
    var e = document.getElementById("myDiv");
    e.style.maxHeight = "500px";
    e.style.height = "500px";
}