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 методу,
элементтин бийиктигин анын отступторун жана чек арасын эске алып алууга жана өзгөртүүгө мүмкүндүк берет