En son web geliştirme öğreticiler
 

Harita alanları Koleksiyonu

<Harita Nesnesi

Örnek

Kaç öğrenin <area> Belirli görüntü haritadaki vardır unsurları:

var x = document.getElementById("planetmap").areas.length;

X'in sonucu olacaktır:

3
Kendin dene "

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

Tanımı ve Kullanımı

Alanları koleksiyonu tüm koleksiyonunu döndürür <area> bir görüntü haritadaki elemanlar.

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

İpucu: Tüm bir koleksiyon dönmek için <area> , belirtilen a href özniteliği elemanları kullanmak bağlantılar koleksiyonu.

Tarayıcı Desteği

Toplamak
areas Evet Evet Evet Evet Evet

Sözdizimi

mapObject .areas

Özellikleri

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

Not: Bu özellik salt okunur

Yöntemler

Yöntem Açıklama
[ index ] İade <area> 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 <area> 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 <area> Belirtilen kimliğe sahip koleksiyonundan elemanı.

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

Teknik detaylar

DOM Versiyon: Çekirdek Düzey 2 Belge Nesne
Geri dönüş değeri: Bütün temsil eden bir HTMLCollection Nesne, <area> belgedeki bir görüntü haritadaki elemanlar. 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 <area> bir görüntü haritadaki eleman:

var x = document.getElementById("planetmap").areas[0].href;

X'in sonucu olacaktır:

http://www.w3ii.com/jsref/sun.htm
Kendin dene "

Örnek

item( index )

İlk URL'sini alın <area> bir görüntü haritadaki eleman:

var x = document.getElementById("planetmap").areas.item(0).href;

X'in sonucu olacaktır:

http://www.w3ii.com/jsref/sun.htm
Kendin dene "

Örnek

namedItem( id )

URL'sini alın <area> bir görüntü haritadaki id = "myArea" ile eleman:

var x = document.getElementById("planetmap").areas.namedItem("myArea").href;

X'in sonucu olacaktır:

http://www.w3ii.com/jsref/mercur.htm
Kendin dene "

Örnek

Tüm döngü <area> bir görüntü-harita ve çıkış her alanda şekli elemanlar:

var x = document.getElementById("planetmap");
var txt = "";
var i;
for (i = 0; i < x.areas.length; i++) {
    txt = txt + x.areas[i].shape + "<br>";
}

Txt sonucu olacaktır:

rect
circle
circle
Kendin dene "
<Harita Nesnesi