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