Afbeelding naturalHeight Property
Voorbeeld
Retourneer de oorspronkelijke hoogte van een afbeelding:
var x = document.getElementById("myImg").naturalHeight;
Definitie en gebruik
De eigenschap naturalHeight retourneert de oorspronkelijke hoogte van een afbeelding.
Bijvoorbeeld als je een afbeelding hebt die oorspronkelijk 200 pixels hoog is. Vervolgens style je de afbeelding met CSS/of door het HTML "height" attribuut te gebruiken om het 500 pixels hoog te maken. De eigenschap naturalHeight retourneert "200", de eigenschap height echter 500.
Tip: gebruik de eigenschap naturalWidth om de oorspronkelijke breedte van een afbeelding te retourneren, of de eigenschap width om de waarde van het kenmerk width van een afbeelding in te stellen of te retourneren.
Opmerking: deze eigenschap is alleen-lezen.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
naturalHeight | Yes | 9.0 | Yes | Yes | Yes |
Syntaxis
imageObject.naturalHeight
Technische details
Winstwaarde: | Een getal, dat de oorspronkelijke hoogte van een afbeelding in pixels weergeeft |
---|
Meer voorbeelden
Voorbeeld
Het verschil tussen de eigenschap naturalHeight en de eigenschap height:
var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;
❮ Afbeeldingsobject