Propriedade offsetHeight do HTML DOM

Objeto Elemento do HTML DOM

offsetHeightPropriedade de leitura que retorna a altura do elemento em forma de inteiro, incluindo preenchimento vertical e borda.

Normalmente, offsetHeight é a medida em pixels da altura CSS do elemento, incluindo qualquer borda, preenchimento e barra de rolagem horizontal (se houver). Ela não inclui a altura dos elementos pseudo, como:: beforeou:: after.

Para entender essa propriedade, você deve entenderModelo de Caixa CSS.

usarclientHeighteclientWidthA propriedade retorna a largura e altura visíveis do elemento, incluindo preenchimento, mas não incluindo margem, borda e barra de rolagem (se houver).

Sintaxe:

element.offsetHeight

var elem = document.querySelector("div");
var txt = "altura incluída padding"　+border: ""　+　elem.offsetHeight　+　"px<br>";
txt　+= "largura incluída padding"　+　border: ""　+　elem.offsetWidth　+　"px";

Compatibilidade do Navegador

Todos os navegadores suportam completamente a propriedade offsetHeight:

Detalhes Técnicos

Mais Exemplos

Este exemplo demonstra a diferença entre clientHeight e offsetHeight:

var elem = document.querySelector("div");
var txt = "Altura contendo padding: "　+　elem.clientHeight　+　"px<br>";
txt　+= "Altura contendo padding"　+　border: ""　+　elem.offsetHeight　+　"px";

Referências Relacionadas

Referência do HTML DOM:Propriedade offsetWidth

Referência do HTML DOM:Propriedade offsetLeft

Referência do HTML DOM:Propriedade offsetTop

Referência do HTML DOM:Propriedade offsetParent

Objeto Elemento do HTML DOM