Derniers tutoriels de développement web
 

Image naturalHeight Propriété

Photo Object Reference objet image

Exemple

Retourne la hauteur d'origine d'une image:

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

Le résultat de x sera:

98
Essayez - le vous - même »

Définition et utilisation

La propriété naturalHeight retourne la hauteur d'origine d'une image.

Par exemple, si vous avez une image qui est à l'origine de 200 pixels de haut. Ensuite, vous le style de l'image avec CSS / ou en utilisant le HTML "hauteur" attribut pour faire 500 pixels de haut. La propriété naturalHeight retournera "200", le hauteur propriété cependant, sera de retour 500.

Astuce: Utilisez le naturalWidth propriété pour renvoyer la largeur d' origine d'une image, ou la largeur propriété pour définir ou renvoyer la valeur de la width attribut d'une image.

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


support du navigateur

Propriété
naturalHeight Oui 9.0 Oui Oui Oui

Syntaxe

imageObject .naturalHeight

Détails techniques

Valeur de retour: Un numéro, représentant la hauteur d'origine d'une image en pixels

Autres exemples

Exemple

La différence entre la propriété naturalHeight et la propriété de la hauteur:

var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;
Essayez - le vous - même »

Photo Object Reference objet image