Kursrekommendation:

Image height-attribut

Definition och användning Height Värdet. Egenskapen ställer in eller returnerar bildens

Värdet. Bildens höjd

Definiera och använd

Detta attribut kan också returnera höjden på bilden som är ställd in med CSS-stilar (se exempel nedan).Tips: Width-attribut Ställ in eller returnera bildens Width-attributvärdet.

Exempel

Exempel 1

Ändra bildens höjd till 300px:

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

Prova själv

Exempel 2

Returnera bildens höjd:

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

Prova själv

Exempel 3

Ändra bildens höjd och bredd till 300px och 450px respektive:

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

Prova själv

Exempel 4

Returnera höjden på bilden som är ställd in med CSS-stilar:

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

Prova själv

Syntax

Returnera height-attributet:

imageObject.height

Ställ in height-attributet:

imageObject.height = pixels

Attributvärde

Värde Beskrivning
pixels Höjd i pixlar (t.ex. height="100").

Tekniska detaljer

Returvärde: Numer, som anger bildens höjd i pixlar.

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd

Relaterade sidor

HTML-referenshandbok:HTML <img> height-attribut