Image propriété naturalHeight
Exemple
Renvoie la hauteur d'origine d'une image :
var x = document.getElementById("myImg").naturalHeight;
Définition et utilisation
La propriété naturalHeight renvoie la hauteur d'origine d'une image.
Par exemple, si vous avez une image qui fait à l'origine 200 pixels de haut. Ensuite, vous stylisez l'image avec CSS/ou en utilisant l'attribut HTML "height" pour lui donner une hauteur de 500 pixels. La propriété naturalHeight renverra "200", la propriété height renverra cependant 500.
Astuce : Utilisez la propriété naturalWidth pour renvoyer la largeur d'origine d'une image, ou la propriété width pour définir ou renvoyer la valeur de l'attribut width d'une image.
Remarque : Cette propriété est en lecture seule.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
naturalHeight | Yes | 9.0 | Yes | Yes | Yes |
Syntaxe
imageObject.naturalHeight
Détails techniques
Valeur de retour : | Un nombre, représentant la hauteur d'origine d'une image en pixels |
---|
Plus d'exemples
Exemple
La différence entre la propriété naturalHeight et la propriété height :
var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;
❮ Objet image