En son web geliştirme öğreticiler
 

HTML DOM Görüntü Nesnesi


Görüntü Nesnesi

Görüntü nesnesi bir HTML temsil <img> elemanı.

Bir Resim Nesnesi erişin

Bir erişebilirsiniz <img> kullanarak elemanı getElementById() :

Örnek

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

İpucu: Ayrıca bir erişebilirsiniz <img> kullanarak elemanı görüntüleri koleksiyonu.

Bir Resim Nesnesi oluştur

Bir oluşturabilir <img> kullanarak elemanı document. createElement() document. createElement() metodu:

Örnek

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

Resim Nesnesi Özellikleri

özellik Açıklama
align HTML5 desteklenmez. Kullanım style.cssFloat yerine.
Ayarlar veya değerini verir align Bir görüntünün özniteliği
alt Ayarlar veya değerini verir alt resmin özniteliği
border HTML5 desteklenmez. Kullanım style.border yerine.
Ayarlar veya değerini verir border resmin özniteliği
complete olsun veya olmasın tarayıcı bir görüntü yükleme bittikten döndürür
crossOrigin Ayarlar veya döner bir resmin CORS ayarları
height Ayarlar veya değerini verir height resmin özniteliği
hspace HTML5 desteklenmez. Kullanım style.margin yerine.
Ayarlar veya değerini verir hspace bir resmin özniteliği
isMap Ayarlar veya döner bir görüntü sunucu tarafındaki görüntü haritasının parçası olmak, ya da değil gerekip gerekmediğini
longDesc HTML5 desteklenmez.
Ayarlar veya değerini verir longdesc bir resmin özniteliği
name HTML5 desteklenmez. Bunun yerine id kullanın.
Ayarlar veya değerini verir name resmin özniteliği
naturalHeight Bir resmin orijinal yüksekliğini döndürür
naturalWidth Bir görüntünün orijinal genişliği döndürür
src Ayarlar veya değerini verir src resmin özniteliği
useMap Ayarlar veya değerini verir usemap bir resmin özniteliği
vspace HTML5 desteklenmez. Kullanım style.margin yerine.
Ayarlar veya değerini verir vspace bir resmin özniteliği
width Ayarlar veya değerini verir width bir görüntünün öznitelik

Standart Özellikleri ve Olaylar

Görüntü nesnesi ayrıca standart destekler özelliklerini ve olaylarını .


İlgili Sayfalar

HTML öğretici: HTML Görüntüler

HTML referansı: HTML <img> etiketi