Bagaimana untuk Mengukur Ketinggian Elemen DIV Tersembunyi?

Mengukur Ketinggian DIV Tersembunyi

Apabila elemen DIV disembunyikan menggunakan paparan: atribut tiada, sifat offsetHeightnya menjadi sifar, menjadikannya sukar untuk menentukan ketinggian sebenar. Untuk mengatasi cabaran ini, terdapat penyelesaian yang melibatkan membuat sementara DIV tersembunyi kelihatan:

Penyelesaian: Menjadikan Elemen Induk Kelihatan

Untuk mengukur ketinggian DIV tersembunyi, langkah berikut boleh diambil:

1. Dapatkan semula semua elemen induk DIV sehingga induk yang kelihatan ditemui.
2. Tetapkan atribut paparan semua elemen induk tersembunyi untuk disekat untuk menjadikannya kelihatan.
3. Ukur offsetHeight DIV.
4. Tetapkan semula atribut paparan unsur induk kembali kepada tiada untuk menyembunyikannya semula.

Prestasi Pertimbangan

Pendekatan ini mungkin memperkenalkan overhed prestasi jika terdapat banyak elemen induk tersembunyi. Untuk mengurangkan ini, teknik yang lebih cekap seperti menetapkan keterlihatan kepada tersembunyi dan bukannya tiada harus dipertimbangkan.

Penyelesaian Alternatif

Walaupun menjadikan elemen induk kelihatan adalah pendekatan biasa, penyelesaian lain termasuk:

• Menyalin nod DIV tersembunyi ke dalam elemen yang boleh dilihat, mengukur ketinggian dan mengalih keluar nod yang disalin.
• Menggunakan perpustakaan JavaScript yang menyediakan fungsi untuk mengukur ketinggian unsur, walaupun ia tersembunyi.

Atas ialah kandungan terperinci Bagaimana untuk Mengukur Ketinggian Elemen DIV Tersembunyi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!