Metode innerWidth

Metode innerWidth ļauj iegūt un mainīt elementa platumu, ņemot vērā tā iekšējās atkāpes. Ir svarīgi atcerēties, ka mēs iegūsim 'aprēķināto platuma vērtību' (computed width). Aprēķinu kļūdas var rasties arī tad, ja lietotājs maina lapas izmērus, kā arī, ja elements vai tā vecāks elements ir paslēpts. Platuma vērtība neņem vērā elementa apmales biezumu.

Sintakse

Iegūt elementa platumu. Dažos gadījumos iegūtās vērtības var būt daļskaitļi:

$(selektors).innerWidth();

Lai mainītu elementa platumu - var padot vienkārši skaitli (piemēram, 400), tad mērvienības būs pikseļi, vai virkni ar mērvienības norādi (piemēram, '10em'):

$(selektors).innerWidth(jaunā vērtība);

Mēs varam arī piemērot noteiktu funkciju katram elementam komplektā. Šajā gadījumā pirmais parametrs funkcijā saņems elementa numuru komplektā, bet otrais parametrs - pašreizējo noteiktā platuma vērtību konkrētajam elementam. Vērtība this funkcijas iekšienē būs kas norāda uz pašreizējo elementu. Elementa platuma vērtība mainīsies uz to, ko atgriezīs funkcija:

$(selektors).innerWidth(function(numurs komplektā, pašreizējā platuma vērtība));

Piemērs

Salīdzinājumam izvadīsim informāciju par rindkopas #test platumu, kas iegūts ar metodēm width un innerWidth:

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

Mēs redzēsim atšķirību 10px, kas ir mūsu kreisās un labās iekšējās atkāpes summa.

Skatiet arī

metode width,
kas ļauj iegūt un mainīt elementa platumu
metode outerWidth,
kas ļauj iegūt un mainīt elementa platumu, ņemot vērā tā atkāpes un apmali