Metoda innerWidth

Metoda innerWidth omogoča pridobivanje in spreminjanje širine elementa ob upoštevanju njegovih notranjih odmikov. Pomembno je vedeti, da bomo dobili 'izračunano vrednost' širine (computed width). Napake pri izračunu se lahko pojavijo tudi, če uporabnik spreminja velikost strani, ali če je element ali njegov starš skrit. Vrednost širine ne upošteva debeline roba elementa.

Sintaksa

Pridobiti širino elementa. V nekaterih primerih so lahko dobljene vrednosti delne:

$(selektor).innerWidth();

Za spreminjanje širine elementa - lahko podate preprosto število (na primer 400), potem bodo enote merjenja slikovne pike, ali niz, z navedbo enot merjenja (na primer '10em'):

$(selektor).innerWidth(nova vrednost);

Prav tako lahko uporabimo določeno funkcijo za vsak element v nizu. Pri tem prvi parameter funkcija prejme številko elementa v nizu, drugi parameter pa - trenutno vrednost določene širine za konkretni element. Vrednost this znotraj funkcije bo kazala na trenutni element. Vrednost širine elementa se bo spremenila na tisto, ki jo vrne funkcija:

$(selektor).innerWidth(function(številka v nizu, trenutna vrednost širine));

Primer

Za primerjavo izpišimo informacijo o širini odstavka #test, dobljeno z metodama width in 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);

Opazili bomo razliko v 10px, kar je vsota naših levih in desnih notranjih odmikov.

Glejte tudi

metoda width,
ki omogoča pridobivanje in spreminjanje širine elementa
metoda outerWidth,
ki omogoča pridobivanje in spreminjanje širine elementa, ob upoštevanju njegovih odmikov in roba