innerWidth әдісі

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

Синтаксис

Элементтің енін алу. Кейбір жағдайларда алынған мәндер бөлшек сандар болуы мүмкін:

$(селектор).innerWidth();

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

$(селектор).innerWidth(жаңа мән);

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

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

Мысал

Салыстыру үшін #test абзацының ені туралы ақпаратты шығарайық, ол width және innerWidth әдістерімен алынған:

<p id="test">мәтін</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);

Біз 10px айырмашылығын көреміз, бұл біздің сол және оң жақ ішкі шегіністеріміздің қосындысы.

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

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