Как вставить в HTML блок стиль полученный из JS?

410

01 мая 2017, 02:20

// установливаем обработчик события resize
    $(window).resize(function () {
        $("header").text($(window).height());
    });
// вызовем событие resize
    $(window).resize();

В блок с классом .header вставляется текст с размером текущей высоты браузера, а мне надо, что бы эти цифры в стили шли:

    <header class="header" style="height: 1240px">
       Тут моя верстка
    </header>

Заранее всех благодарю.

Answer 1

$(window).resize(function () {
    $("header").css("height", $(window).height());
});

Answer 2

Ответ Станислава верный. Но я просто оставлю это здесь.

Если вам требуется уставновить значение чего-либо в пропорции к окну, вы можете обойтись без js. Я говорю про так называемые viewport units для современных браузеров.

Поэтому, альтернативный путь решения вашего вопроса - установить 100vh к высоте хедера в css стилях: