Attribut naturalHeight de l'image

Objet Image DOM HTML

Définition et utilisation

naturalHeight L'attribut retourne la hauteur originale de l'image.

Par exemple, si vous avez une image initialement de 200 pixels de hauteur. Ensuite, vous utilisez CSS/ou utilisez l'attribut "height" HTML pour définir le style de l'image, afin que sa hauteur soit de 500 pixels. L'attribut naturalHeight retournera "200", tandis que l'attribut height retournera 500.

Avis :Utilisez Attribut naturalWidth Retournez la largeur originale de l'image, ou utilisez Attribut width Définir ou retourner la hauteur de l'image Attribut width la valeur.

Attention :Cette propriété est en lecture seule.

Exemple

Exemple 1

Retournez la hauteur originale de l'image :

var x = document.getElementById("myImg").naturalHeight;

Essayez-le vous-même

Exemple 2

La différence entre les attributs naturalHeight et height :

var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;

Essayez-le vous-même

Syntaxe

imageObject.naturalHeight

Détails techniques

Valeur de retour : Valeur numérique, représentant la hauteur originale de l'image (en pixels).

Prise en charge du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 9.0 Support Support Support

Objet Image DOM HTML