En son web geliştirme öğreticiler
 

HTML DOM görüntüleri Koleksiyonu

<Belge Nesne

Örnek

Kaç öğrenin <img> belgede vardır unsurları:

var x = document.images.length;

X'in sonucu olacaktır:

3
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

Görüntüleri koleksiyonu tüm koleksiyonunu döndürür <img> belgede elemanları.

Note: bunlar kaynak kodunda göründükleri gibi koleksiyonunda elemanları sıralanır.

Not: Resimler koleksiyonu koleksiyonu dönmez <input> type = "resmin" ile unsurları.

İpucu: Ayrıca bak Görüntü Nesne .

Tarayıcı Desteği

Toplamak
images Evet Evet Evet Evet Evet

Sözdizimi

document.images

Özellikleri

özellik Açıklama
length Sayısını döndürür <img> koleksiyonunda elemanları.

Not: Bu özellik salt okunur

Yöntemler

Yöntem Açıklama
[ index ] İade <img> Belirtilen dizini ile koleksiyonundan elemanı (starts at 0) .

Not: dizin numarası aralık dışında ise boş sonucunu döndürür
item( index ) İade <img> Belirtilen dizini ile koleksiyonundan elemanı (starts at 0) .

Not: dizin numarası aralık dışında ise boş sonucunu döndürür
namedItem( id ) İade <img> Belirtilen kimliğe sahip koleksiyonundan elemanı.

Not: id yoksa boş sonucunu döndürür

Teknik detaylar

DOM Versiyon: Çekirdek Seviye 1 Belge Nesne
Geri dönüş değeri: Bütün temsil eden bir HTMLCollection Nesne, <img> belgedeki öğeleri. onlar kaynak kodunda göründükleri gibi koleksiyonunda elemanları sıralanır
Örnekler

Diğer Örnekler

Örnek

[Göstergesi]

İlk URL'sini alın <img> elemanı (index 0) belgesinde:

var x = document.images[0].src;

X'in sonucu olacaktır:

http://www.w3ii.com/jsref/klematis.jpg
Kendin dene "

Örnek

item( index )

İlk URL'sini alın <img> elemanı (index 0) belgesinde:

var x = document.images.item(0).src;

X'in sonucu olacaktır:

http://www.w3ii.com/jsref/klematis.jpg
Kendin dene "

Örnek

namedItem( id )

URL'sini alın <img> belgede id = "myImg" ile eleman:

var x = document.images.namedItem("myImg").src;

X'in sonucu olacaktır:

http://www.w3ii.com/jsref/smiley.gif
Kendin dene "

Örnek

Birinciye siyah noktalı sınır ekleyin <img> belgede elemanı:

document.images[0].style.border = "10px dotted black";
Kendin dene "

Örnek

Tüm döngü <img> belgede elemanları ve çıkış URL (src) her resmin:

var x = document.images;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x[i].src + "<br>";
}

Txt sonucu olacaktır:

http://www.w3ii.com/jsref/klematis.jpg
http://www.w3ii.com/jsref/klematis2.jpg
http://www.w3ii.com/jsref/smiley.gif
Kendin dene "

İlgili Sayfalar

JavaScript referansı: HTML DOM Görüntü Nesnesi

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

HTML referansı: HTML <img> etiketi

<Belge Nesne