HTML DOM Image objekt

Image objekt

Image-objektet representerar HTML <img>-elementet.

Åtkom Image-objektet

Du kan komma åt <img>-elementet med getElementById():

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

Prova själv

Tips:Du kan också använda images-kollektionen Åtkom <img>-elementet.

Skapa Image-objekt

Du kan skapa <img>-element med document.createElement() metoden:

var x = document.createElement("IMG");

Prova själv

Image-objektets egenskaper

egenskaper Beskrivning
align

Det stöds inte i HTML5.Använd istället style.cssFloat.

Sätt eller returnera värdet för align-egenskapen för bilden.

alt Sätt eller returnera värdet för alt-egenskapen för bilden.
border

Det stöds inte i HTML5.Använd istället style.border.

Sätt eller returnera värdet för border-egenskapen för bilden.

complete Returnera om webbläsaren har slutfört laddningen av bilden.
crossOrigin Sätt eller returnera CORS-inställningarna för bilden.
height Sätt eller returnera värdet för height-egenskapen för bilden.
hspace

Det stöds inte i HTML5.Använd istället style.margin.

Sätt eller returnera värdet för hspace-egenskapen för bilden.

isMap Sätt eller returnera om bilden ska vara en del av serverns bildkarta.
longDesc

Det stöds inte i HTML5.

Sätt eller returnera värdet för longdesc-egenskapen för bilden.

lowsrc

Det stöds inte i HTML5.

Sätt eller returnera URL för lågupplösningens version av bilden.

name

Det stöds inte i HTML5.Använd istället id.

Sätt eller returnera värdet för name-egenskapen för bilden.

naturalHeight Returnera bilden ursprungliga höjd.
naturalWidth Returnera bilden ursprungliga bredd.
src Sätt eller returnera värdet för src-egenskapen för bilden.
useMap Sätt eller returnera värdet för usemap-egenskapen för bilden.
vspace

Det stöds inte i HTML5.Använd istället style.margin.

Sätt eller returnera värdet för vspace-egenskapen för bilden.

width Sätt eller returnera värdet för width-egenskapen för bilden.

standardegenskaper och händelser

Image-objektet stöder både standardegenskaperochEvenemang.

Relaterade sidor

HTML-tutorial:HTML bild

HTML-referenshandbok:HTML <img> tagg