Kako dobite prikazano višino elementa?
Recimo, da imate element <div>
z nekaj vsebine v njem. Ta notranja vsebina bo raztegnila višino elementa <div>
. Kako dobite "prikazano" višino, če niste izrecno določili višine. Očitno sem poskusil:
var h = document.getElementById('someDiv').style.height;
Ali obstaja kakšen trik za to? Uporabljam jQuery, če to pomaga.
Poskusite enega od naslednjih:
var h = document.getElementById('someDiv').clientHeight;
var h = document.getElementById('someDiv').offsetHeight;
var h = document.getElementById('someDiv').scrollHeight;
clientHeight
vključuje višino in navpično oblazinjenje.
offsetHeight
vključuje višino, navpično oblazinjenje in navpične robove.
scrollHeight
vključuje višino vsebovanega dokumenta (v primeru pomikanja bi bila večja od same višine), navpično oblazinjenje in navpične meje.
Moral bi biti samo
$('#someDiv').height();
z jQueryjem. To pridobi višino prvega elementa v zavitem nizu kot število.
Poskus uporabe
.style.height
deluje le, če ste najprej nastavili lastnost. To ni preveč uporabno!