Hvordan får du den gjengitte høyden til et element?

Hvordan får du den gjengitte høyden til et element?

La oss si at du har et <div>-element med noe innhold inni. Dette innholdet inni kommer til å strekke høyden på <div>. Hvordan får du "gjengitt" -høyden når du ikke har angitt høyden eksplisitt. Åpenbart prøvde jeg:

var h = document.getElementById('someDiv').style.height;

Er det et triks for å gjøre dette? Jeg bruker jQuery hvis det hjelper.

saluce
Redigerte spørsmål 26. juni 2017 в 12:38
Programmering
javascript jquery css height
8. februar 2009 в 8:49
6 visninger

Prøv en av:

var h = document.getElementById('someDiv').clientHeight;
var h = document.getElementById('someDiv').offsetHeight;
var h = document.getElementById('someDiv').scrollHeight;

clientHeight inkluderer høyden og vertikal polstring.

offsetHeight inkluderer høyden, vertikal utfylling og vertikale kanter.

scrollHeight inkluderer høyden på det inneholdte dokumentet (vil være større enn bare høyden i tilfelle rulling), vertikal utfylling og vertikale kanter.

strager
Redigert svar 8. februar 2009 в 9:07
Kommentarer (6)
Løsning

Det skal bare være

$('#someDiv').height();

med jQuery. Dette henter høyden på det første elementet i det innpakkede settet som et tall.

Prøver å bruke

.style.height

fungerer bare hvis du har angitt egenskapen i utgangspunktet. Ikke særlig nyttig!

Russ Cam
Redigert svar 9. februar 2009 в 8:24
Kommentarer (8)

Har du angitt høyden i css spesifikt? Hvis du ikke har det, må du bruke offsetHeight i stedet for height.

var h = document.getElementById('someDiv').style.offsetHeight;
Kommentarer (1)