outerHeight usuli

outerHeight usuli elementning balandligini ichki chekinishlar, chegaralar va ixtiyoriy ravishda - tashqi chekinishlar hisobga olgan holda olish va o'zgartirish imkonini beradi. Muhim esda tutish kerakki, biz balandlikning 'hisoblangan qiymati'ni (computed height) olamiz. Hisoblash xatolari foydalanuvchi sahifa o'lchamlarini o'zgartirganda, shuningdek, element yoki uning ota-onasi yashiringan bo'lsa ham paydo bo'lishi mumkin.

Sintaksis

Shu tarzda biz elementning balandligini olishimiz mumkin. Bu usul ixtiyoriy parametrni true yoki false (false standart holatda) sifatida qabul qilishi mumkin, tashqi chekinishlar hisobga olinadimi yoki yo'qligiga qarab. Ba'zi hollarda olingan qiymatlar kasrli sonlar bo'lishi mumkin:

$(selector).outerWidth([margin_nazarda_tutgan_holda]);

Elementning balandligini o'zgartirish uchun - oddiy raqam (masalan 400) uzatish mumkin, bu holda o'lchov birligi piksel bo'ladi, yoki o'lchov birligini ko'rsatadigan satr (masalan '10em'):

$(selector).outerHeight(yangi_qiymat, [margin_nazarda_tutgan_holda]);

Shuningdek, biz belgilangan funktsiyani to'plamdagi har bir elementga qo'llashimiz mumkin. Bunda funktsiyaning birinchi parametri sifatida to'plamdagi elementning indeksi, ikkinchi parametri sifatida esa - ma'lum bir elementning joriy balandlik qiymati olinadi. Funktsiya ichida this joriy elementni ko'rsatadi. Elementning balandlik qiymati funktsiya tomonidan qaytarilgan qiymatga o'zgaradi:

$(selector).outerHeight(function(indeks, joriy_balandlik));

Misol

Keling, solishtirish uchun #test abzatsining balandligi haqida ma'lumotni, height, innerHeight va outerHeight usullari orqali olingan natijalarni chiqaramiz:

<p id="test">matn</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);

Shuningdek qarang

height usuli,
elementning balandligini olish va o'zgartirish imkonini beradi
innerHeight usuli,
elementning balandligini uning ichki chekinishlarini hisobga olgan holda olish va o'zgartirish imkonini beradi