Artikel ini menjelaskan bagaimana JS memperoleh ketinggian div yang tidak diketahui. Bagikan untuk referensi Anda, sebagai berikut:
Ketinggian elemen dapat diperoleh melalui atribut ClientHeight dari elemen, seperti:
var height = element.clientHeight;
Keterbatasan praktik ini:
1. Jika atribut tampilan elemen diatur ke tidak ada, hasilnya adalah 0
2. Di browser Safari, Anda perlu menggunakan: Element.Offsetheight untuk mendapatkan ketinggian yang sebenarnya, yang merupakan bug di browser Safari.
Berikut ini adalah metode yang disediakan oleh prototipe, yang kompatibel dengan berbagai browser, dan juga dapat memperoleh ukuran elemen dengan benar ketika elemen disembunyikan, untuk referensi:
getDimensions: function (element) {element = $ (element); var display = $ (elemen) .getstyle ('display'); if (display! = 'none' && display! = null) // safari bug return {width: element.offsetWidth, height: element.offsetheight}; // Semua *properti lebar dan *tinggi memberikan 0 pada elemen dengan tampilan tidak ada, // jadi aktifkan elemen sementara var els = element.style; var original visibility = els.visibility; var originalposition = els.position; var originalDisplay = els.display; els.visibility = 'tersembunyi'; els.position = 'absolute'; els.display = 'block'; var originalwidth = element.clientWidth; var originalHeight = element.clientHeight; els.display = originalDisplay; els.position = originalposition; els.visibility = original visibility; return {width: originalwidth, height: original height};}Untuk informasi lebih lanjut tentang konten terkait JavaScript, silakan periksa topik -topik situs ini: "Ringkasan Efek dan Teknik Peralihan Javascript", "Ringkasan Keterampilan Algoritma Pencarian JavaScript", "Ringkasan Teknik Animasi dan Teknik JavaScript," Ringkasan Ringkasan Data Javascript dan Ringkasan Data Javascript "," Ringkasan Data JavaScript "," Ringkasan Data JavaScript "," Ringkasan DEBUGRITM PENGABUNG DAN RINGKASI DAGGING "RINGKASI DAN RINGKASAN DATRICKS" RINGKASI DAN RINGKASI DAGGING "RINGKASI DAN RINGKASI DAGGING" RINGKAS Algoritma dan teknik traversal javascript ", dan" Ringkasan Penggunaan Operasi Matematika JavaScript "
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.