Cara Mendapatkan Ketinggian Div dalam JavaScript Tulen: clientHeight vs. offsetHeight

Cara Memperoleh Ketinggian Div dengan JavaScript Tulen

Jika anda cuba mendapatkan ketinggian div tanpa menggunakan jQuery, panduan ringkas ini akan melengkapkan anda dengan penyelesaian JavaScript yang diperlukan.

Mendapatkan Div Height dengan JavaScript

Menggunakan kaedah .height() jQuery ialah pendekatan yang popular, tetapi JavaScript biasa menawarkan keberkesanan yang sama kaedah. Sebagai contoh, anda boleh menggunakan sifat clientHeight atau offsetHeight:

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

Sebagai alternatif, anda boleh menggunakan offsetHeight:

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

Perbezaan Harta

• clientHeight termasuk pelapik tetapi tidak termasuk sempadan dan bar skrol.
• offsetHeight merangkumi pelapik, sempadan dan bar skrol.

Ringkasnya, jika anda memerlukan gabungan ketinggian kandungan dan pelapik, clientHeight adalah ideal. Jika anda memerlukan jumlah ketinggian termasuk semua elemen sekeliling, gunakan offsetHeight.

Atas ialah kandungan terperinci Cara Mendapatkan Ketinggian Div dalam JavaScript Tulen: clientHeight vs. offsetHeight. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!