Bagaimana untuk Mendapatkan Ketinggian Elemen Div dengan JavaScript Biasa?

Mendapatkan Ketinggian Div dalam JavaScript Biasa

Menentukan ketinggian elemen div tanpa menggunakan jQuery boleh menimbulkan cabaran. Walaupun jQuery menawarkan penyelesaian yang mudah dengan kaedah .height()nya, ia mungkin bukan pendekatan yang paling berkesan untuk setiap senario. Begini cara untuk mencapainya menggunakan JavaScript biasa:

Menggunakan clientHeight:

Harta clientHeight menyediakan ketinggian kandungan yang boleh dilihat div, tidak termasuk sebarang bar skrol atau sempadan. Ia termasuk padding yang digunakan pada div. Untuk mendapatkannya, anda boleh menggunakan kod berikut:

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

Menggunakan offsetHeight:

Sebagai alternatif, sifat offsetHeight termasuk bukan sahaja padding tetapi juga ketinggian bar skrol dan sempadan. Ini boleh berguna dalam situasi tertentu:

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

Dengan menggunakan sama ada sifat clientHeight atau offsetHeight, anda boleh menentukan ketinggian elemen div dalam JavaScript biasa dengan berkesan, memberikan fleksibiliti dan kawalan ke atas kod anda.

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