innerHeight Metodi

innerHeight metodi elementning balandligini uning ichki chetlashtirishlarini hisobga olgan holda olish va o'zgartirish imkonini beradi. Muhim esda tutish kerakki, biz balandlikning 'hisoblangan qiymati'ni (computed height) olamiz. Hisoblashda xatolar foydalanuvchi sahifa o'lchamini o'zgartirganda, shuningdek, element yoki uning ota elementi yashiringan bo'lsa ham paydo bo'lishi mumkin. Balandlik qiymati element chegarasining qalinligini hisobga olmaydi.

Sintaksis

Elementning balandligini olish. Ba'zi hollarda olingan qiymatlar kasrli son bo'lishi mumkin:

$(selector).innerHeight();

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

$(selector).innerHeight(yangi qiymat);

Shuningdek, biz belgilangan funktsiyani to'plamdagi har bir elementga qo'llashimiz mumkin. Bunda funktsiya birinchi parametr sifatida to'plamdagi element raqamini, ikkinchi parametr sifatida esa o'sha elementning joriy balandlik qiymatini oladi. this funktsiya ichida joriy elementni ko'rsatadi. Elementning balandlik qiymati funktsiya qaytargan qiymatga o'zgaradi:

$(selector).innerHeight(function(to'plamdagi raqam, joriy balandlik qiymati));

Misol

Keling, taqqoslash uchun #test abzatsining height va innerHeight metodlari orqali olingan balandlik ma'lumotlarini chiqaraylik:

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

Biz 10px farqni ko'ramiz, bu bizning yuqori va pastki ichki chetlashtirishlarimiz yig'indisidir.

Shuningdek qarang

height metodi,
elementning balandligini olish va o'zgartirish imkonini beradi
outerHeight metodi,
elementning chetlashtirishlari va chegarasini hisobga olgan holda balandlikni olish va o'zgartirish imkonini beradi