Bir öğenin işlenmiş yüksekliğini nasıl elde edersiniz?
Diyelim ki içinde bazı içerikler bulunan bir <div>
elemanınız var. İçindeki bu içerik <div>
öğesinin yüksekliğini uzatacaktır. Yüksekliği açıkça ayarlamadığınızda "render" yüksekliğini nasıl elde edersiniz? Açıkçası, denedim:
var h = document.getElementById('someDiv').style.height;
Bunu yapmanın bir püf noktası var mı? Eğer yardımı olacaksa jQuery kullanıyorum.
Şunlardan birini dene:
var h = document.getElementById('someDiv').clientHeight;
var h = document.getElementById('someDiv').offsetHeight;
var h = document.getElementById('someDiv').scrollHeight;
clientHeight` yükseklik ve dikey dolguyu içerir.
offsetHeight` yükseklik, dikey dolgu ve dikey kenarlıkları içerir.
scrollHeight`, içerilen belgenin yüksekliğini (kaydırma durumunda sadece yükseklikten daha büyük olacaktır), dikey dolguyu ve dikey kenarlıkları içerir.
Sadece şöyle olmalı
$('#someDiv').height();
jQuery ile. Bu, sarılmış kümedeki ilk öğenin yüksekliğini bir sayı olarak alır.
Kullanmaya çalışıyorum
.style.height
yalnızca özelliği ilk etapta ayarladıysanız çalışır. Pek kullanışlı değil!