Exemplo
Retornar a altura exterior de um <div> elemento:
$("button").click(function(){
alert($("div").outerHeight());
});
Tente você mesmo " Definição e Uso
O outerHeight() método retorna a altura exterior do primeiro elemento de correspondência.
Como a imagem abaixo ilustra, este método inclui preenchimento e borda.
Dica: Para incluir a margem, utilize outerHeight(true) .
métodos relacionados:
- width() - Define ou retorna a largura de um elemento
- height() - Define ou retorna a altura de um elemento
- innerWidth() - Retorna a largura de um elemento (inclui preenchimento)
- innerHeight() - Retorna a altura de um elemento (inclui preenchimento)
- outerWidth() - Retorna a largura de um elemento (inclui preenchimento e borda).
Sintaxe
$(selector).outerHeight( includeMargin )| Parâmetro | Descrição |
|---|---|
| includeMargin | Opcional. Um valor booleano que determina se ou não incluir a margem
|
Tente você mesmo - Exemplos
Incluem a margem
Especificar se deve ou não incluir a margem.
Dimensões de exibição com métodos relacionados
Como utilizar width(), height(), innerHeight(), innerWidth(), outerWidth() e outerHeight() .