Как изменить высоту блока через js?

Question

[Вячеслав Беляев]

Такая в общем не сложная задача, Переписать скрипт на чистый js без использования Jquery

function reSize() {
     new_height = $("body").height() - $("#head").height() - $("#footer").height() - 44;
     $("#content").height(new_height + 'px');
}
$(window).load(reSize);
$(window).resize(reSize);

Кто сможет помочь за плюсик?

Comments

[Вячеслав Беляев]

Всем спасибо за помощь. Получилось.

Answer 1

[Ваня]

function resizeBlock() {
	var new_height = document.body.offsetHeight - document.getElementById("head").offsetHeight -
	document.getElementById("footer").offsetHeight - 44 + "px";
	document.getElementById("content").style.height = new_height + "px";
}
resizeBlock();
window.onresize = resizeBlock;

Comments

[Вячеслав Беляев]

По какой то причине у меня выдает ошибку: document.body is null

[Ваня]

Вячеслав Беляев: Как вы подключаете javascript?

[Вячеслав Беляев]

Сергей: Сейчас подключил как у Максима Зайцева, все работает, только до фиксации происходит секундная задержка, хотелось бы обойтись без него, но видать придется имитировать загрузку страницы

[Ваня]

<script defer src="script/defer.js"> Src обязателен, defer выполнит скрипт после загрузки страницы.

[Вячеслав Беляев]

Сергей: Да мне наоборот надо, надо максимально рано запустить скрипт

[Ваня]

Вячеслав Беляев: попробуйте подключить javascript перед </body>

Answer 2

[Yaroslav Lyzlov]

stackoverflow.com/questions/10118172/setting-div-w...