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";
Exempel 2
Returnera bildens höjd:
var x = document.getElementById("myImg").height;
Exempel 3
Ändra bildens höjd och bredd till 300px och 450px respektive:
document.getElementById("myImg").height = "300"; document.getElementById("myImg").width = "450";
Exempel 4
Returnera höjden på bilden som är ställd in med CSS-stilar:
var x = document.getElementById("myImg").height;
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