Методи innerHeight

Методи innerHeight имкон медиҳад, ки баландии элемент бо назардошти ҷобаҷокунии дарунии он гирифта ё тағир дода шавад. Муҳим аст, ки ба хотир дорем, ки мо 'арзиши ҳисобкардашуда'-и баландиро (computed height) ба даст меорем. Хатогиҳо дар ҳисобкунӣ низ метавонанд падид оянд, агар корбар андозаи саҳифаро тағир диҳад, инчунин агар элемент ё волидайни он пинҳон бошад. Арзиши баландӣ ғафсиҳои ҳудуди элементро ба ҳисоб намегирад.

Синтаксис

Баландии элементро гирифтан. Дар баъзе ҳолатҳо арзишҳои ба даст овардашуда метавонанд касрӣ бошанд:

$(selector).innerHeight();

Барои тағир додани баландии элемент - шумора (масалан 400) фиристода метавонад, он гоҳ воҳидҳои ченак пикселҳо хоҳанд буд, ё сатр, бо муайян кардани воҳидҳои ченак (масалан '10em'):

$(selector).innerHeight(арзиши нав);

Инчунин мо метавонем функсияи муайянкардашударо ба ҳар як элемент дар маҷмӯа татбиқ кунем. Дар ин ҳолат, параметри аввали функсия рақами элементро дар маҷмӯа, параметри дуюм арзиши ҷории баландии муайянкардашударо барои элементи муайян гирифта мешавад. this дар дохили функсия ба элементи ҷорӣ ишора мекунад. Арзиши баландии элемент ба он чи ки функсия бармегардонад, тағир меёбад:

$(selector).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,
ки имкон медиҳад, ки баландии элемент бо назардошти ҷобаҷокуниҳо ва ҳудуди он гирифта ё тағир дода шавад