Metoda innerHeight

Metoda innerHeight lejon marrjen dhe ndryshimin e lartësisë së elementit duke marrë parasysh padding-un e tij të brendshëm. Është e rëndësishme të kujtojmë se ne do të marrim 'vlerën e llogaritur' të lartësisë (computed height). 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 lartësisë nuk merr parasysh trashësinë e border-it të elementit.

Sintaksa

Merrni lartësinë e elementit. Në disa raste vlerat e marra mund të jenë thyesore:

javascript$(selector).innerHeight();

Për të ndryshuar lartësinë e elementit - mund të kaloni një numër (për shembull 400), atëherë njësitë e matjes do të jenë pixel, ose një varg, me specifikimin e njësive të matjes (për shembull '10em'):

javascript$(selector).innerHeight(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ë numrin e elementit në grup, ndërsa parametri i dytë - vlerën aktuale të lartësisë së caktuar për elementin specifik. this brenda funksionit do të tregojë elementin aktual. Vlera e lartësisë së elementit do të ndryshojë në atë që kthen funksioni:

javascript$(selector).innerHeight(function(numri në grup, vlera aktuale e lartësisë));

Shembull

Le të shfaqim për krahasim informacionin mbi lartësinë e paragrafit #test, të marrë me metodat height dhe innerHeight:

html<p id="test">text</p>
<p id="out1"></p>
<p id="out2"></p>

cssp {
  margin: 10px;
  padding: 5px;
  border: 2px solid blue;
}

javascriptlet h1 = $('#test').height();
let h2 = $('#test').innerHeight();

$('#out1').text(h1);
$('#out2').text(h2);

Ne do të shohim një ndryshim prej 10px, që është shuma e padding-ut tonë të sipërm dhe të poshtëm.

Shihni gjithashtu