Harita alanları topluluğu

HTML DOM Map Nesnesi

tanım ve kullanım

alan topluluğu, harita içeriğinde tüm <area> öğesi topluluğu.

Açıklama:Koleksiyondaki elemanlar, kaynak kodlarında ortaya çıktıkları sırayla sıralanır.

İpucu:href özelliği belirtilmiş tüm öğelere dönmek için <area> öğesi topluluğu, kullanın links topluluğu。

。

Örnek

Örnek 1

Belirtilen image haritasında ne kadar <area> elementi olduğunu öğren:

Kişisel olarak deneyin

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

x sonucu:

3

Sayfa altında daha fazla TIY örneği bulunmaktadır.

SintaksismapObject

.areas

Özellik Açıklama
Değer

length

Açıklama:Koleksiyondaki <area> elementlerinin sayısını döndürür.

Bu özellik yalnızca okunabilir

Bu özellik yalnızca okunabilir Açıklama
[index]

Belirtilen indeksle sahip olan <area> elementini döndürür (0'dan başlayarak).

Açıklama:İndeks numarası aralığa dışında ise null döndürür。
item(index)

Belirtilen indeksle sahip olan <area> elementini döndürür (0'dan başlayarak).

Açıklama:İndeks numarası aralığa dışında ise null döndürür。
namedItem(id)

Belirtilen id ile sahip olan <area> elementini döndürür.

Açıklama:Id不存在时则返回 null。

Teknik ayrıntılar

DOM Sürümü: Core Level 2 Document Object
Dönüş değer:

HTMLCollection nesnesi, belgedeki tüm <area> elementlerini temsil eder.

Koleksiyondaki elemanlar, kaynak kodlarında ortaya çıktıkları sırayla sıralanır.

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Desteklenen Desteklenen Desteklenen Desteklenen Desteklenen

Daha fazla örnek

Örnek 2: [index]

İlk <area> elementinin URL'ini al:

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

Kişisel olarak deneyin

x'nin sonucu şu olacak:

https://www.codew3c.com/jsref/sun.html

Örnek 3: item(index)

İlk <area> elementinin URL'ini al:

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

Kişisel olarak deneyin

x'nin sonucu şu olacak:

https://www.codew3c.com/jsref/sun.html

Örnek 4: namedItem(id)

İd="myArea" olan <area> elementinin URL'ini al:

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

Kişisel olarak deneyin

x'nin sonucu şu olacak:

https://www.codew3c.com/jsref/mercur.html

Örnek 5

图像 haritasındaki tüm <area> elementlerini dolaş ve her alanın şeklini çıktıya ver:

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

Kişisel olarak deneyin

x'nin sonucu şu olacak:

rect
circle
circle

HTML DOM Map Nesnesi