Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mendapatkan Ketinggian Div dalam JavaScript Tulen?

Bagaimana untuk Mendapatkan Ketinggian Div dalam JavaScript Tulen?

Barbara Streisand
Lepaskan: 2024-11-04 21:17:02
asal
605 orang telah melayarinya

How to Get a Div's Height in Pure JavaScript?

Cara Menentukan Ketinggian div dalam JavaScript Biasa

Pertanyaan:

Banyak pembangun bergantung pada kaedah .height() jQuery untuk mendapatkan ketinggian div. Walau bagaimanapun, adakah mungkin untuk mencapai ini tanpa menggunakan jQuery?

Penyelesaian:

Ya, adalah mungkin untuk menentukan ketinggian div menggunakan JavaScript biasa. Berikut ialah dua kaedah:

  1. Harta Ketinggian pelanggan:
<code class="javascript">var clientHeight = document.getElementById('myDiv').clientHeight;</code>
Salin selepas log masuk

Harta ini mengembalikan ketinggian div, termasuk pelapiknya tetapi tidak termasuk bar skrol dan sempadan.

  1. Harta offsetHeight:
<code class="javascript">var offsetHeight = document.getElementById('myDiv').offsetHeight;</code>
Salin selepas log masuk

Tidak seperti clientHeight, offsetHeight termasuk bukan sahaja pelapik tetapi juga bar skrol dan sempadan jika hadir.

Memilih Harta Yang Sesuai:

Pilihan antara clientHeight dan offsetHeight bergantung pada keperluan khusus. Jika anda memerlukan ketinggian div tanpa bar skrol dan sempadan, clientHeight sesuai. Untuk kes di mana anda memerlukan jumlah ketinggian termasuk elemen tersebut, offsetHeight ialah pilihan yang sesuai.

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan