Image naturalHeight-eigenschap

HTML DOM Image object

Definitie en gebruik

naturalHeight De eigenschap retourneert de oorspronkelijke hoogte van het beeld.

Bijvoorbeeld, als je een afbeelding hebt die oorspronkelijk 200 pixels hoog is. Dan gebruik je CSS/ of gebruik je HTML "height"-eigenschap om de stijl van het beeld in te stellen, zodat de hoogte 500 pixels wordt. De eigenschap naturalHeight retourneert "200", terwijl de eigenschap height 500 retourneert.

Tip:Gebruik naturalWidth-eigenschap Retourneer de oorspronkelijke breedte van het beeld, of gebruik Width-eigenschap Stel in of retourneer de hoogte van het beeld Width-eigenschap waarde.

Let op:Deze eigenschap is alleen lezen.

Voorbeeld

Voorbeeld 1

Retourneer de oorspronkelijke hoogte van het beeld:

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

Try it yourself

Voorbeeld 2

Het verschil tussen de eigenschappen naturalHeight en height:

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

Try it yourself

Syntax

imageObject.naturalHeight

Technical details

Return value: Value, representing the original height of the image (in pixels).

Browser support

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

HTML DOM Image object