XML DOM HTMLCollection Nesnesi

HTMLCollection nesnesi

HTML DOM'daki HTMLCollection

Aşağıdaki her bir madde (ve belirlenen özellikleri) HTMLCollection döndürür:

  • Document (images, applets, links, forms, anchors)
  • form (elements)
  • map (areas)
  • select (options)
  • table (rows, tBodies)
  • tableSection (rows)
  • row (cells)

HTMLDocument arayüzünün birçok özelliği HTMLCollection nesnesidir, bu özellikler form, görsel ve bağlantı gibi belge elementlerine erişimi kolaylaştırır.form.elements ve select.options HTMLCollection nesnesidir. HTMLCollection, dolaşma sağlayan da sunar Table satırları ve TableRow değerlerinin her bir hücresine ulaşmak için kolay bir yöntemdir.

Daha önce bahsedildiği gibi, HTMLCollection nesnesi HTML elementlerinin bir koleksiyonudur, bu koleksiyon aracılığıyla elementlerin belgedeki konumları veya id özellikleri, name özellikleri ile elementlere ulaşılabilir. JavaScript'te HTMLCollection nesnesi yalnız okunabilir bir dizinin davranışı gibidir, JavaScript'in parantez kullanılarak numara veya isim ile HTMLCollection nesnesini indekslemesi mümkündür, bu indeksleme işlemi için item() yöntemive namedItem() yöntemi.

HTMLCollection nesnesi yalnız okunabilirdir, yeni element ekleyemezsiniz, hatta JavaScript dizisi dilbilgisi ile de olsa.

HTMLCollection nesnesi ve NodeList nesnesiÇok benzer, ancak ilkisi hem isim hem de numara indeksi ile kullanılabilir.

HTMLCollection nesnesi özellikleri

Özellik Açıklama
cssRules Yalnız okunabilir özellik, listedeki element sayısını gösteren tamsayıyı döndürür (yani koleksiyondaki element sayısı).

HTMLCollection nesnesi yöntemleri

Metod Açıklama
item() Belirtilen konumundaki elemanı (düğümü) döndüren koleksiyonu.
namedItem() Ad veya id özelliklerine sahip belirli bir değeri olan elemanları (düğümleri) döndüren koleksiyonu.

Örnek

var c = document.forms;		//Bu, form elementinin bir HTMLCollection nesnesidir
var firstform = c[0];		//Sayısal dizgi olarak kullanılabilir
var lastform = c[c.length-1];	//length özelliği eleman sayısını döndürür
var address = c["address"];		//Bağlantılı dizgi olarak kullanılabilir
var address = c.address;		//JavaScript bu ifadeyi izin verir

İlgili sayfalar

XML DOM referans el kitabı:HTMLDocument nesnesi

XML DOM referans el kitabı:NodeList nesnesi

Referans el kitabı:HTML DOM referans el kitabı