Metod innerHeight

Metod innerHeight omogućava dobijanje i promenu visine elementa uzimajući u obzir njegova unutrašnja odstupanja. Važno je zapamtiti da ćemo dobiti 'izračunatu vrednost' visine (computed height). Greške u proračunu takođe mogu nastati, ako korisnik menja veličine strane, kao i, ako je element ili njegov roditelj skriven. Vrednost visine ne uzima u obzir debljinu granice elementa.

Sintaksa

Dobiti visinu elementa. U nekim slučajevima dobijene vrednosti mogu biti razlomljene:

javascript$(selektor).innerHeight();

Da bi se promenila visina elementa - može se proslediti prosto broj (na primer 400), tada će jedinice merenja biti pikseli, ili string, sa naznakom jedinica merenja (na primer '10em'):

javascript$(selektor).innerHeight(nova vrednost);

Takođe možemo primeniti zadatu funkciju na svaki element u setu. Pritom prvi parametar funkcija dobija broj elementa u setu, a drugim parametrom - trenutnu vrednost zadate visine za konkretni element. this unutar funkcije će ukazivati na trenutni element. Vrednost visine elementa će se promeniti na onu, koju vraća funkcija:

javascript$(selektor).innerHeight(function(broj u setu, trenutna vrednost visine));

Primer

Hajde da za poređenje izvedemo informaciju o visini pasusa #test, dobijenu metodima height i 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);

Videćemo razliku od 10px, što je zbir naših gornjeg i donjeg unutrašnjeg odstupanja.

Pogledajte takođe