height() es un método incorporado en jQuery que se usa para verificar la altura de un elemento, pero no verificará el relleno, el borde y el margen del elemento.
Sintaxis:
$("param").height()
Parámetros: Esta función no acepta ningún parámetro.
Valor devuelto: Devuelve la altura del elemento seleccionado.
Código #1:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/
jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
var msg = "";
msg += "height of div: " + $("#demo").height();
$("#demo").html(msg);
});
});
</script>
<style>
#demo {
height: 150px;
width: 350px;
padding: 10px;
margin: 3px;
border: 1px solid blue;
background-color: lightgreen;
}
</style>
</head>
<body>
<div id="demo"></div>
<button>Click Me!!!</button>
<p>Click on the button and check the height of the
element(excluding padding).</p>
</body>
</html>
Salida:
Antes de hacer clic en el botón «Click Me» – 
Después de hacer clic en el botón «Click Me» –
jQuery también incluye el método innerHeight() , es decir, solía verificar la altura interna del elemento, incluido el relleno.
Sintaxis:
$("param").innerHeight()
Parámetros: Esta función no acepta ningún parámetro.
Valor devuelto: Devuelve la altura interior del elemento seleccionado.
Código #2:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/
jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
var msg = "";
msg += "Inner Height of div: " + $("#demo").
innerHeight() + "</br>";
$("#demo").html(msg);
});
});
</script>
</head>
<style>
#demo {
height: 150px;
width: 350px;
padding: 10px;
margin: 3px;
border: 1px solid blue;
background-color: lightgreen;
}
</style>
<body>
<div id="demo"></div>
<button>Click Me!!!</button>
<p>Click on the button and check the innerHeight of
an element(includes padding).</p>
</body>
</html>
Salida:
Antes de hacer clic en el botón «Click Me» – 
Después de hacer clic en el botón «Click Me» –
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA