Bagaimana untuk Mengukur Ketinggian Div Tersembunyi dalam JavaScript?

Mencari Ketinggian Div Tersembunyi: Penyelesaian

Selalunya, adalah perlu untuk mengukur ketinggian div walaupun elemen induknya adalah ditetapkan kepada "display:none". Ini boleh menjadi satu cabaran, kerana offsetHeight div kanak-kanak akan mengembalikan 0.

Pendekatan Awal

Penyelesaian yang telah diterokai melibatkan penyalinan nod anak induk tersembunyi ke dalam div yang boleh dilihat pada halaman. Kemudian, ketinggian elemen ini boleh diukur sebelum mengeluarkan nod. Walau bagaimanapun, pendekatan ini boleh menjadi rumit dan mungkin tidak boleh dilaksanakan dalam semua kes.

Penyelesaian yang Diperbaiki

Pendekatan yang lebih mantap ialah menggunakan perpustakaan seperti YUI 2 untuk mengenal pasti elemen tersembunyi (dengan "display:none" atau ketinggian dan lebar 0) dan menjadikannya kelihatan. Bermula dengan elemen kanak-kanak yang dimaksudkan, semua nenek moyang dilalui dan dibuat kelihatan sehingga ibu bapa yang kelihatan ditemui. Ini membolehkan dimensi elemen kanak-kanak diukur. Setelah semua elemen diukur, nilai paparan asalnya dipulihkan.

Pertimbangan

Adalah penting untuk ambil perhatian bahawa menjadikan elemen tersembunyi kelihatan boleh memberi kesan kepada reka letak halaman dan keterlihatan kandungan. Adalah penting untuk memastikan bahawa ini berlaku untuk tempoh yang sangat singkat dan tidak mengganggu pengalaman pengguna.

Selain itu, berhati-hati harus diambil apabila menyalin elemen daripada hierarki induk asalnya. Gaya mungkin tidak digunakan dengan betul apabila elemen diasingkan daripada konteks induknya.

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