innerWidth metodi

innerWidth metodi elementning kengligini uning ichki chetlashtirishlarini hisobga olgan holda olish va o'zgartirish imkonini beradi. Muhim esda tutingki, biz 'hisoblangan qiymat' kengligini (computed width) olamiz. Hisoblashda xatolar foydalanuvchi sahifa o'lchamini o'zgartirganda, shuningdek, element yoki uning ota-onasi yashiringan bo'lsa paydo bo'lishi mumkin. Kenglik qiymati elementning chegarasi qalinligini hisobga olmaydi.

Sintaksis

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

$(selector).innerWidth();

Elementning kengligini o'zgartirish uchun - oddiy raqamni (masalan 400) uzatishingiz mumkin, bunda o'lchov birligi piksellar bo'ladi, yoki o'lchov birliklari ko'rsatilgan satrni (masalan '10em'):

$(selector).innerWidth(yangi qiymat);

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

$(selector).innerWidth(function(to'plamdagi raqam, joriy kenglik qiymati));

Misol

Keling solishtirish uchun #test abzatsining kengligi haqida ma'lumotni chiqaramiz, width va innerWidth metodlari orqali olingan:

<p id="test">matn</p>
<p id="out1"></p>
<p id="out2"></p>

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

let w1 = $('#test').width();
let w2 = $('#test').innerWidth();

$('#out1').text(w1);
$('#out2').text(w2);

Biz 10px farqni ko'ramiz, bu bizning chap va o'ng ichki chetlashtirishlarimiz yig'indisidir.

Shuningdek qarang

width metodi,
elementning kengligini olish va o'zgartirish imkonini beradi
outerWidth metodi,
elementning kengligini olish va o'zgartirish imkonini beradi, uning chetlashtirishlari va chegarasini hisobga olgan holda