Kaedah innerHeight

Kaedah innerHeight membolehkan mendapatkan dan mengubah ketinggian elemen dengan mengambil kira padding dalamannya. Penting untuk diingat bahawa kita akan mendapatkan 'nilai terkira' ketinggian (computed height). Ralat dalam pengiraan juga mungkin berlaku jika pengguna menukar saiz halaman, dan juga, jika elemen atau induknya disembunyikan. Nilai ketinggian tidak mengambil kira ketebalan sempadan elemen.

Sintaks

Mendapatkan ketinggian elemen. Dalam beberapa kes nilai yang diperoleh mungkin pecahan:

$(pemilih).innerHeight();

Untuk mengubah ketinggian elemen - boleh menghantar nombor (contohnya 400), maka unit pengukuran akan menjadi piksel, atau rentetan, dengan menyatakan unit pengukuran (contohnya '10em'):

$(pemilih).innerHeight(nilai baru);

Kita juga boleh menggunakan fungsi yang ditentukan untuk setiap elemen dalam set. Parameter pertama fungsi akan menerima nombor elemen dalam set, dan parameter kedua - nilai ketinggian semasa untuk elemen tersebut. this di dalam fungsi akan menunjuk kepada elemen semasa. Nilai ketinggian elemen akan berubah kepada nilai yang dikembalikan oleh fungsi:

$(pemilih).innerHeight(function(nombor dalam set, nilai ketinggian semasa));

Contoh

Mari kita bandingkan dan keluarkan maklumat tentang ketinggian perenggan #test, yang diperoleh oleh kaedah height dan innerHeight:

<p id="test">teks</p>
<p id="out1"></p>
<p id="out2"></p>

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

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

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

Kita akan melihat perbezaan sebanyak 10px, iaitu jumlah padding atas dan bawah kita.

Lihat juga

kaedah height,
yang membolehkan mendapatkan dan mengubah ketinggian elemen
kaedah outerHeight,
yang membolehkan mendapatkan dan mengubah ketinggian elemen, mengambil kira padding dan sempadannya