tutorial pengembangan web terbaru
 

Peta daerah Collection

<Peta Obyek

Contoh

Cari tahu berapa banyak <area> elemen yang ada di gambar-peta tertentu:

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

Hasil x akan:

3
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

Daerah koleksi mengembalikan koleksi semua <area> elemen dalam gambar-peta.

Note: Elemen-elemen dalam koleksi diurutkan seperti yang muncul dalam kode sumber.

Tip: Untuk kembali koleksi semua <area> elemen yang memiliki atribut href yang ditentukan, gunakan link koleksi.


Dukungan Browser

Koleksi
areas iya nih iya nih iya nih iya nih iya nih

Sintaksis

mapObject .areas

properti

Milik Deskripsi
length Mengembalikan jumlah <area> elemen dalam koleksi.

Catatan: Properti ini read-only

metode

metode Deskripsi
[ index ] Mengembalikan <area> elemen dari koleksi dengan indeks tertentu (starts at 0) .

Catatan: Mengembalikan null jika jumlah indeks berada di luar jangkauan
item( index ) Mengembalikan <area> elemen dari koleksi dengan indeks tertentu (starts at 0) .

Catatan: Mengembalikan null jika jumlah indeks berada di luar jangkauan
namedItem( id ) Mengembalikan <area> elemen dari koleksi dengan id tertentu.

Catatan: Mengembalikan null jika id tidak ada

Rincian teknis

DOM Versi: Inti Level 2 Document Object
Kembali Nilai: Sebuah HTMLCollection Object, yang mewakili semua <area> elemen dalam gambar-peta dalam dokumen. Unsur-unsur dalam koleksi diurutkan seperti yang muncul dalam kode sumber

contoh

Contoh lebih

Contoh

[Index]

Dapatkan URL pertama <area> elemen dalam gambar-peta:

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

Hasil x akan:

http://www.w3ii.com/jsref/sun.htm
Cobalah sendiri "

Contoh

item( index )

Dapatkan URL pertama <area> elemen dalam gambar-peta:

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

Hasil x akan:

http://www.w3ii.com/jsref/sun.htm
Cobalah sendiri "

Contoh

namedItem( id )

Dapatkan URL <area> elemen dengan id = "myArea" di gambar-peta:

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

Hasil x akan:

http://www.w3ii.com/jsref/mercur.htm
Cobalah sendiri "

Contoh

Loop melalui semua <area> elemen dalam gambar-peta dan output bentuk daerah masing-masing:

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

Hasil txt akan:

rect
circle
circle
Cobalah sendiri "

<Peta Obyek