Aanbevolen cursus:

HTML DOM Image object

Image height-eigenschap

Definitie en gebruik height waarde. Eigenschap instellen of retourneren van de hoogte van het beeld

waarde. height-eigenschap

Definieer de hoogte van het beeld.

Deze eigenschap kan ook de hoogte van het beeld retourneren dat is ingesteld met CSS (zie het voorbeeld hieronder).Tip: width-eigenschap Instellen of retourneren van de hoogte van het beeld Waarde van de width-eigenschap.

Voorbeeld

Voorbeeld 1

Verander de hoogte van het beeld in 300px:

document.getElementById("myImg").height = "300";

Probeer het zelf

Voorbeeld 2

Retourneren van de hoogte van het beeld:

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

Probeer het zelf

Voorbeeld 3

Verander de hoogte en breedte van het beeld in respectievelijk 300px en 450px:

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "450";

Probeer het zelf

Voorbeeld 4

Retourneren van de hoogte van het afbeelding met CSS-gebruikte stijl:

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

Probeer het zelf

Syntax

Retourneren van de height-eigenschap:

imageObject.height

Instellen van de height-eigenschap:

imageObject.height = pixels

Attribute value

Value Description
pixels Height in pixels (for example, height="100").

Technical details

Return value: A number, representing the height of the image, in pixels.

Browser support

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

Related pages

HTML reference manual:HTML <img> height attribute

HTML DOM Image object