Метод jQuery innerHeight()

Методы HTML/CSS jQuery

Метод innerHeight() получения или установки внутреннего высоты выбранного элемента (включая padding, но не включая margin и border).

при использовании метода innerHeight()получениеустанавливая высоту, он возвращаетпервый выбранный элементвысоты.

при использовании метода innerHeight()установкаустанавливая высоту, он будет устанавливатьВсе выбранные элементывысоты.

Как показано на рисунке, метод innerHeight() включает padding, но не включает border и margin:

Значение высоты также может быть относительным. Если для значения предоставлен префикс += или -=, то целевая высота рассчитывается, добавляя или вычитая указанное количество от текущего значения (например, innerHeight(" += 100")).

Грамматика:

Получение внутреннего высоты:

$(selector).innerHeight()

Установка внутреннего высоты:

$(selector).innerHeight(value)

Пример

Получение внутреннего высоты элемента DIV:

$("div").click(function(){
　　$(this).innerHeight();
});

Установка внутреннего высоты всех абзацев:

$("button").click(function(){
　　$("p").innerHeight(100);
});

Использование различных единиц для установки внутреннего высоты всех абзацев:

$("#btn1").click(function(){
　　$("p").innerHeight(100);
});
$("#btn2").click(function(){
　　$("p").innerHeight("7em");}}
});
$("#btn3").click(function(){
　　$("p").innerHeight("100vh");
});

Показать различия между width(), height(), innerHeight(), innerWidth(), outerWidth() и outerHeight():

$("button").click(function(){
　　$("div").width();
　　$("div").innerWidth();
　　$("div").outerWidth();
　　$("div").height();
　　$("div").innerHeight();
　　$("div").outerHeight();
});

Значение параметра

Методы HTML/CSS jQuery