Bagaimana untuk Menentukan Ketinggian Div dalam JavaScript Biasa?

Menentukan Ketinggian Div dalam JavaScript Biasa

Mengakses ketinggian elemen div adalah penting untuk reka letak responsif dan manipulasi halaman dinamik. Walau bagaimanapun, bergantung pada kaedah .height() jQuery mungkin tidak selalu boleh dilaksanakan. Berikut ialah dua kaedah untuk mendapatkan ketinggian div tanpa memerlukan jQuery.

1. Ketinggian Pelanggan:

<code class="javascript">var clientHeight = document.getElementById('myDiv').clientHeight;</code>

Harta clientHeight mengembalikan ketinggian elemen div, termasuk pelapik tetapi tidak termasuk sempadan dan bar skrol. Ini berguna untuk mendapatkan ketinggian div yang boleh dilihat.

2. Ketinggian Offset:

<code class="javascript">var offsetHeight = document.getElementById('myDiv').offsetHeight;</code>

Sifat offsetHeight mengembalikan ketinggian elemen div, termasuk pelapik, jidar dan bar skrol. Ini berguna apabila anda perlu mempertimbangkan jumlah ketinggian yang diduduki oleh div pada halaman.

Apabila memilih antara clientHeight dan offsetHeight, pertimbangkan konteks aplikasi anda. Contohnya, jika anda hanya berminat dengan ketinggian div yang boleh dilihat, clientHeight sudah memadai. Walau bagaimanapun, jika anda perlu mengambil kira sempadan atau bar skrol, offsetHeight ialah pilihan pilihan.

Atas ialah kandungan terperinci Bagaimana untuk Menentukan Ketinggian Div dalam JavaScript Biasa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!