Metod innerWidth

Metod innerWidth omogućava dobijanje i promenu širine elementa uzimajući u obzir njegovo unutrašnje odstupanje. Važno je zapamtiti da ćemo dobijati 'izračunatu vrednost' širine (computed width). Greške u proračunu se takođe mogu javiti ako korisnik menja veličinu stranice, kao i ako je element ili njegov roditelj skriven. Vrednost širine ne uzima u obzir debljinu ivice elementa.

Sintaksa

Dobijanje širine elementa. U nekim slučajevima dobijene vrednosti mogu biti razlomljene:

$(selektor).innerWidth();

Da biste promenili širinu elementa - možete proslediti jednostavno broj (na primer 400), tada će jedinica merenja biti pikseli, ili string, sa naznačenom jedinicom merenja (na primer '10em'):

$(selektor).innerWidth(nova vrednost);

Takođe možemo primeniti zadatu funkciju na svaki element u skupu. Pritom će funkcija kao prvi parametar dobiti redni broj elementa u skupu, a kao drugi parametar - trenutnu vrednost zadate širine za konkretni element. Vrednost this unutar funkcije će ukazivati na trenutni element. Vrednost širine elementa će se promeniti u onu koju funkcija vrati:

$(selektor).innerWidth(function(redni broj u skupu, trenutna vrednost širine));

Primer

Hajde da za poređenje prikažemo informaciju o širini pasusa #test, dobijenoj metodima width i innerWidth:

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

Videćemo razliku od 10px, što je zbir našeg levog i desnog unutrašnjeg odstupanja.

Pogledajte takođe

metod width,
koji omogućava dobijanje i promenu širine elementa
metod outerWidth,
koji omogućava dobijanje i promenu širine elementa, uzimajući u obzir njegova odstupanja i ivicu