Pengumpulan area Map

Objek Map DOM HTML

definisi dan penggunaan

area pengumpulan mengembalikan semua elemen <area> pengumpulan.

Keterangan:Elemen dalam koleksi diurutkan menurut urutan munculnya di kode asli.

Peringatan：untuk kembali semua yang telah ditentukan href atribut elemen <area> pengumpulan, gunakan links pengumpulan。

Contoh

Contoh 1

Cari berapa banyak elemen <area> yang ada di peta gambar yang ditentukan:

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

Coba sendiri

Hasil x adalah:

3

Ada lebih banyak contoh TIY di bawah halaman.

Sintaks

mapObject.areas

Atribut

Nilai Deskripsi
length

Kembalikan jumlah elemen <area> dalam koleksi.

Keterangan:Atribut ini hanya baca

Metode

Metode Deskripsi
[index]

Kembalikan elemen <area> dalam koleksi yang memiliki indeks yang ditentukan (dari 0).

Keterangan:Jika nomor indeks melebihi batas, kembalikan null.
item(index)

Kembalikan elemen <area> dalam koleksi yang memiliki indeks yang ditentukan (dari 0).

Keterangan:Jika nomor indeks melebihi batas, kembalikan null.
namedItem(id)

Kembalikan koleksi dengan elemen <area> yang memiliki id yang ditentukan.

Keterangan:Jika id tidak ada, kembalikan null.

Detil teknis

Versi DOM: Core Level 2 Document Object
Nilai kembalian:

Objek HTMLCollection, mewakili semua elemen <area> di peta gambar dokumen.

Elemen dalam koleksi diurutkan menurut urutan munculnya di kode asli.

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Beberapa contoh lain

Contoh 2: [index]

Ambil URL elemen <area> pertama di peta gambar:

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

Coba sendiri

Hasil x akan menjadi:

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

Contoh 3: item(index)

Ambil URL elemen <area> pertama di peta gambar:

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

Coba sendiri

Hasil x akan menjadi:

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

Contoh 4: namedItem(id)

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

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

Coba sendiri

Hasil x akan menjadi:

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

Contoh 5

Mengelilingi semua elemen <area> di peta gambar dan menampilkan bentuk setiap area:

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

Coba sendiri

Hasil x akan menjadi:

rect
circle
circle

Objek Map DOM HTML