Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > динамически изменить min-height

Автор: lumentek 8.8.2010, 23:51

можно ли средствами js изменить значение min-height?

Автор: bars80080 8.8.2010, 23:58

для javascript отсутствует смысл в значении min-height. этот параметр введён в css для ограничения неопределённого значения высоты. то есть, пускай высота меняется от параметров браузера, но не меньше определённого значения.
javascript же работает с самим браузером и может посчитать что-угодно и получить точную необходимую высоту. это параметр height

Автор: lumentek 9.8.2010, 00:09

Хорошо. Как тоже самое сделать с параметром height. Тоесть к уже существующему значению этого параметра добавить нужное кол-во пикселей.

Автор: ZneP 9.8.2010, 13:27

Код


// Элемент, высоту которого нужно изменить
var element = document.getElementById("ELEMENT_ID");

// На сколько пикселей изменить высоту
var h = 15;

element.style.height = (parseInt(element.style.height) + h) + "px";

http://www.webmagazine.biz/articles/css_properties_to_javascript_conversion.html

Автор: bars80080 9.8.2010, 14:33

ZneP, стили css и свойства элементов в модели javascript напрямую не связаны. если изменить значение element.style.height, то его можно будет считать затем, как var par = element.style.height, но пока ещё значение не выставлено самим js, то оно пустое.

поэтому надо вначале узнать реальное значение height элемента. это можно сделать чтением css-стилей при определённой организации, либо напрямую снять параметр offsetHeight. что применять - зависит от конкретной задачи автора