Attributo naturalHeight dell'immagine

Oggetto Image DOM HTML

Definizione e uso

naturalHeight L'attributo restituisce l'altezza originale dell'immagine.

Ad esempio, se avete un'immagine che era originariamente alta 200 pixel. Poi, utilizzate CSS/oppure utilizzate l'attributo "height" HTML per impostare lo stile dell'immagine, in modo che l'altezza diventi 500 pixel. L'attributo naturalHeight restituirà "200", mentre l'attributo height restituirà 500.

Suggerimento:Utilizzare Attributo naturalWidth Restituisce la larghezza originale dell'immagine, o utilizza Attributo width Imposta o restituisce l'altezza dell'immagine Attributo width Il valore.

Attenzione:Questa proprietà è sola lettura.

Esempio

Esempio 1

Restituisce l'altezza originale dell'immagine:

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

Prova personalmente

Esempio 2

La differenza tra l'attributo naturalHeight e l'attributo height:

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

Prova personalmente

Sintassi

imageObject.naturalHeight

Dettagli tecnici

Valore di ritorno: Valore numerico che rappresenta l'altezza originale dell'immagine (in pixel).

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto 9.0 Supporto Supporto Supporto

Oggetto Image DOM HTML