Metoda innerWidth
Metoda innerWidth lejon marrjen
dhe ndryshimin e gjerësisë së elementit duke marrë parasysh paddingjet e tij
të brendshme. Është e rëndësishme të kujtohet se ne
do të marrim 'vlerën e llogaritur' të gjerësisë
(computed width).
Gabimet në llogaritje mund të ndodhin gjithashtu nëse
përdoruesi ndryshon përmasat e faqes, si dhe nëse
elementi ose prindi i tij janë të fshehur. Vlera e gjerësisë nuk
merr parasysh trashësinë e borderit të elementit.
Sintaksa
Merr gjerësinë e elementit. Në disa raste vlerat e marra mund të jenë thyesore:
$(selector).innerWidth();
Për të ndryshuar gjerësinë e elementit - mund të kaloni një numër
(për shembull 400), atëherë njësitë
e matjes do të jenë piksel, ose një varg,
me specifikimin e njësive të matjes (për shembull
'10em'):
$(selector).innerWidth(vlera e re);
Gjithashtu ne mund të aplikojmë një funksion të caktuar për çdo
element në grup. Në këtë rast, parametri i parë i funksionit
do të marrë indeksin e elementit në grup, dhe parametri i dytë
- vlerën aktuale të gjerësisë së caktuar për elementin specifik.
Vlera this brenda funksionit do
të tregojë elementin aktual.
Vlera e gjerësisë së elementit do të ndryshojë në atë
që kthen funksioni:
$(selector).innerWidth(function(indeksi në grup, vlera aktuale e gjerësisë));
Shembull
Le të shfaqim për krahasim informacionin mbi
gjerësinë e paragrafit #test, të marrë me metodat
width
dhe 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);
Ne do të shohim një ndryshim prej 10px, që është shuma
e paddingut tonë të majtë dhe të djathtë.
Shihni gjithashtu
-
metoda
width,
që lejon marrjen dhe ndryshimin e gjerësisë së elementit -
metoda
outerWidth,
që lejon marrjen dhe ndryshimin e gjerësisë së elementit, duke marrë parasysh paddingjet dhe borderin e tij