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