Como se obtém a altura renderizada de um elemento?
Deixe's dizer que você tem um elemento <div>
com algum conteúdo dentro. Este conteúdo dentro vai esticar a altura do elemento <div>
. Como você obtém o "render" altura quando você tem'não definir explicitamente a altura. Obviamente, eu tentei:
var h = document.getElementById('someDiv').style.height;
Há algum truque para fazer isto? Estou a usar o JQuery se isso ajudar.
Experimenta um dos:
var h = document.getElementById('someDiv').clientHeight;
var h = document.getElementById('someDiv').offsetHeight;
var h = document.getElementById('someDiv').scrollHeight;
O clientHeight
inclui a altura e o estofamento vertical.
OffsetHeight" inclui a altura, o estofamento vertical e as bordas verticais.
A "altura do rolo" inclui a altura do documento contido (seria maior do que apenas a altura em caso de rolar), acolchoamento vertical e bordas verticais.
Deveria ser apenas
$('#someDiv').height();
com JQuery. Isto recupera a altura do primeiro item no conjunto embrulhado como um número.
A tentar usar
.style.height
só funciona se você tiver definido o imóvel em primeiro lugar. Não é muito útil!