Bagaimanakah Saya Boleh Mendapatkan Ketinggian Tepat Diberikan Elemen jQuery?

Menentukan Ketinggian Diberikan Elemen Menggunakan jQuery

Anda mungkin menghadapi senario di mana anda perlu mendapatkan semula ketinggian sebenar unsur yang diberikan. Semasa mengakses sifat style.height sering gagal kerana ketinggian tidak ditetapkan secara eksplisit, jQuery menawarkan kaedah yang mudah untuk menentukan ketinggian yang diberikan dengan tepat.

Kaedah untuk Mendapatkan Ketinggian Rendered

jQuery menyediakan beberapa kaedah untuk mendapatkan ketinggian yang diberikan bagi an elemen:

• clientHeight: Sifat ini termasuk ketinggian elemen bersama-sama dengan pelapik menegak, tetapi tidak termasuk sempadan.
• offsetHeight: Serupa kepada clientHeight, ia termasuk ketinggian, padding menegak, dan atas dan bawah sempadan.
• scrollHeight: Sifat ini mengambil kira ketinggian elemen, padding menegak, sempadan menegak dan ketinggian mana-mana kandungan boleh tatal di dalamnya.

Kod Contoh

Untuk menunjukkan, pertimbangkan kod jQuery berikut:

var h1 = $('#someDiv').clientHeight;
var h2 = $('#someDiv').offsetHeight;
var h3 = $('#someDiv').scrollHeight;

Dalam contoh ini, h1 menangkap ketinggian elemen #someDiv, termasuk pelapik menegak. h2 termasuk ketinggian, pelapik menegak dan sempadan. h3 menganggap kandungan boleh tatal jika ada, sebagai tambahan kepada ketinggian dan pelapik/sempadan.

Ingat, kaedah khusus untuk digunakan bergantung pada keperluan anda dan sama ada anda ingin memasukkan elemen seperti pelapik, jidar atau kandungan boleh tatal dalam pengiraan ketinggian.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan Ketinggian Tepat Diberikan Elemen jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!