outerHeight әдісі

outerHeight әдісі элементтің биіктігін ішкі шектеулер, шекара және ішінара - сыртқы шектеулерді ескере отырып алуға және өзгертуге мүмкіндік береді. Маңыздысы, біз биіктіктің 'есептелген мәнін' (computed height) алатынымызды есте сақтау керек. Есептеу қателері пайда болуы мүмкін, егер пайдаланушы парақ өлшемдерін өзгертсе, сонымен қатар, егер элемент немесе оның ата-анасы жасырын болса.

Синтаксис

Біз элементтің биіктігін осылай ала аламыз. Бұл әдіс true немесе false (false әдепкі бойынша) түріндегі міндетті емес параметрді қабылдай алады, сыртқы шектеулер ескерілетін болса немесе болмаса байланысты. Кейбір жағдайларда алынған мәндер бөлшек сандар болуы мүмкін:

$(селектор).outerWidth([margin_ескере]);

Элементтің биіктігін өзгерту үшін - жай санды (мысалы 400) беруге болады, онда өлшем бірліктері пиксель болады, немесе жолды, өлшем бірліктерін көрсете отырып (мысалы '10em'):

$(селектор).outerHeight(жаңа мән, [margin_ескере]);

Сондай-ақ біз берілген функцияны әрбір элементке жиынтықта қолдана аламыз. Бұл ретте бірінші параметр ретінде функция жиынтықтағы элементтің нөмірін алады, ал екінші параметр ретінде - нақты элемент үшін белгіленген биіктіктің ағымдағы мәні. this функция ішінде ағымдағы элементті көрсетеді. Элементтің биіктік мәні функция қайтарған мәнге өзгереді:

$(селектор).outerHeight(function(жиынтықтағы нөмір, биіктіктің ағымдағы мәні));

Мысал

Салыстыру үшін #test абзацының биіктігі туралы ақпаратты шығарайық, height, innerHeight және outerHeight әдістері арқылы алынған:

<p id="test">мәтін</p>
<p id="out1"></p>
<p id="out2"></p>
<p id="out3"></p>
<p id="out4"></p>

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

let h1 = $('#test').height();
let h2 = $('#test').innerHeight();
let h3 = $('#test').outerHeight();
let h4 = $('#test').outerHeight(true);

$('#out1').text(h1);
$('#out2').text(h2);
$('#out3').text(h3);
$('#out4').text(h4);

Сондай-ақ қараңыз

height әдісі,
элементтің биіктігін алуға және өзгертуге мүмкіндік береді
innerHeight әдісі,
элементтің биіктігін алуға және өзгертуге мүмкіндік береді, оның ішкі шектеулерін ескере отырып