innerWidth metodu

innerWidth metody elementleriň içindaky boşluklaryny hasaba alyp, iniňi alyp we üýtgetmäge mümkinçilik berýär. "Hasap edilen baha" iniňi (computed width) alyjakdygymyzy ýatda saklamak möhümdir. Hasap etmekdäki säwlikler, ulanyjynyň sahypanyň ölçegini üýtgetmegi we element ýa-da onuň ata-enesiniň gizlenen bolmagy sebäpli hem ýüze çykyşy mümkin. Iniň bahasy elementleriň araçäginiň galyňlygyny hasaba almaz.

Sintaksis

Elementleriň iniňini alyň. Käbir ýagdaýlarda alynan bahalar kesir bolup biler:

$(selektor).innerWidth();

Elementleriň iniňini üýtgetmek üçin - diňe san bermek mümkin (mysal üçin 400), onda ölçeg birlikleri piksel bolup biler, ýa-da ölçeg birliklerini görkezýän setir (mysal üçin '10em'):

$(selektor).innerWidth(täze baha);

Şeýle hem, bellenen funksiýany toplumdaky her bir elemente ulanýarys. Funksiýa birinji parametrde toplumdaky elementleriň nomerini, ikinji parametrde bolsa belli bir element üçin bellenen iniňiň häzirki bahasyny alyar. Funksiýanyň içindäki this bahasy häzirki elemente görkezer. Elementleriň iniňi funksiýanyň gaýtaryan bahasyna üýtgerer:

$(selektor).innerWidth(function(toplumdaky nomer, iniňiň häzirki bahasy));

Mysal

Deňeşdirmek üçin #test abzasynyň inişi hakynda maglumatlary, width we innerWidth metodlary bilen alynanlary, çykaryp göreliň:

<p id="test">tekst</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 tapawudy göreris, bu biziň çep we sag içindaky boşluklarymyzyň jemidir.

Şeýle-de serediň

width metodu,
elementleriň inişini alyp we üýtgetmäge mümkinçilik berýär
outerWidth metodu,
elementleriň boşluklaryny we araçägini hasaba alyp, inişini alyp we üýtgetmäge mümkinçilik berýär