HTML DOM Image objekti

Kuvatyyppi

Image-objekti edustaa HTML <img>-elementtiä.

Käy läpi Image-objekti

Voit käyttää getElementById() -menetelmää saadaksesi <img>-elementin:

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

Kokeile itse

Vinkki:Voit myös käyttää images-kokoelma Käy läpi <img>-elementti.

Luoda Image-objekti

Voit luoda <img>-elementin document.createElement() -menetelmällä:

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

Kokeile itse

Image-objektin ominaisuudet

Ominaisuudet Kuvaus
align

HTML5 ei tue tätä.Käytä sen sijaan style.cssFloat.

Aseta tai palauta kuvan align-ominaisuuden arvo.

alt Aseta tai palauta kuvan alt-ominaisuuden arvo.
border

HTML5 ei tue tätä.Käytä sen sijaan style.border.

Aseta tai palauta kuvan border-ominaisuuden arvo.

complete Palauta, onko selain laskenut kuvan latauksen.
crossOrigin Aseta tai palauta kuvan CORS-asetukset.
height Aseta tai palauta kuvan height-ominaisuuden arvo.
hspace

HTML5 ei tue tätä.Käytä sen sijaan style.margin.

Aseta tai palauta kuvan hspace-ominaisuuden arvo.

isMap Aseta tai palauta, onko kuva osa palvelinvierittyä kuvamappia.
longDesc

HTML5 ei tue tätä.

Aseta tai palauta kuvan longdesc-ominaisuuden arvo.

lowsrc

HTML5 ei tue tätä.

Aseta tai palauta kuvan matalaresoluutioisen version URL.

name

HTML5 ei tue tätä.Käytä sen sijaan id.

Aseta tai palauta kuvan name-ominaisuuden arvo.

naturalHeight Palauta kuvan alkuperäinen korkeus.
naturalWidth Palauta kuvan alkuperäinen leveys.
src Aseta tai palauta kuvan src-ominaisuuden arvo.
useMap Aseta tai palauta kuvan usemap-ominaisuuden arvo.
vspace

HTML5 ei tue tätä.Käytä sen sijaan style.margin.

Aseta tai palauta kuvan vspace-ominaisuuden arvo.

width Aseta tai palauta kuvan width-ominaisuuden arvo.

Standardiominaisuuksia ja tapahtumia

Image-objekti tukee sekä standardejaOminaisuudetjaTapahtumat.

Liittyvät sivut

HTML-tutkimus:HTML-kuvat

HTML-referenssikirja:HTML <img>-tagi