Foros del Web - Ver Mensaje Individual

mpozo · #6 (**permalink**) 23/09/2016, 06:31

La propiedad height retorna el alto de aquellos elementos en los que se reserva un espacio para ellos, por ejemplo; una imagen, nunca un bloque. Retornará el alto real de la imagen siempre y cuando la imagen no se establezca la propiedad height. Para obtener el alto real de la imagen, se haya establecido la propiedad height o no, se usa naturalHeight. Un ejemplo

Código HTML:

Ver original<!DOCTYPE html>
<html dir="ltr" lang="es-es">
    <head>
        <title></title>
        <meta charset="utf-8">
        <style>
            img {
                height: 600px;
            }
        </style>
        <script>
          window.addEventListener('load', function() {
            console.log(document.querySelector('img').height); // 600
            console.log(document.querySelector('img').naturalHeight); // 360
          }, false);
    </script>
    </head>
    <body>
 
        <img src="http://s03.s3c.es/imag/_v0/640x360/c/b/9/coches-caros-veneno.png">
 
    </body>
</html>