Метод innerHeight

Метод innerHeight элементнинг баландлигини унинг ички жарёнларини хисобга олган холда олиш ва ўзгартириш имконини беради. Биз 'ҳисобланган қиймат' баландлигини (computed height) оламиз. Ҳисоблашдаги хатолар, агар фойдаланувчи саҳифа ўлчамларини ўзгартирса ва ёки элемент ёки унинг ота-онаси яширин бўлса, юз белиши мумкин. Баландлик қиймати элементнинг чегара қалинлигини хисобга олмайди.

Синтаксис

Элементнинг баландлигини олиш. Айрим ҳолларда олинган қийматлар каср бўлиши мумкин:

$(селектор).innerHeight();

Элементнинг баландлигини ўзгартириш учун - оддий сон (масалан 400) ўтказиш мумкин, бунда ўлчов бирликлари пикселлар бўлади, ёки ўлчов бирликлари кўрсатилган сатр (масалан '10em'):

$(селектор).innerHeight(янги қиймат);

Шунингдек, биз белгиланган функцини тўпламдаги ҳар бир элементга қўллашимиз мумкин. Бунда функцининг биринчи параметри тўпламдаги элементнинг номерини олади, иккинчи параметри эса муайян элемент учун белгиланган баландликнинг жорий қийматини олади. this функцининг ичида жорий элементни кўрсатади. Элементнинг баландлик қиймати функцининг қайтарган қийматига ўзгариши мумкин:

$(селектор).innerHeight(function(тўпламдаги номер, баландликнинг жорий қиймати));

Мисол

Солиштириш учун #test абзацининг баландлиги ҳақида маълумотни, height ва innerHeight методлари орқали олинган қийматларни чиқарамиз:

<p id="test">матн</p>
<p id="out1"></p>
<p id="out2"></p>

p {
	margin: 10px;
	padding: 5px;
	border: 2px solid blue;
}

let h1 = $('#test').height();
let h2 = $('#test').innerHeight();

$('#out1').text(h1);
$('#out2').text(h2);

Биз 10px фарқни кўрамиз, бу эса бизнинг юқори ва қуйи ички жарёнларимизнинг йиғиндисидир.

Шунингдек қаранг

метод height,
элементнинг баландлигини олиш ва ўзгартириш имконини беради
метод outerHeight,
элементнинг баландлигини унинг жарёнлари ва чегарасини хисобга олган холда олиш ва ўзгартириш имконини беради