Map areas 集合

Objek Map DOM HTML

定义和用法

area 集合返回图像映射中所有 <area> 元素 的集合。

Komentar:Elemen dalam koleksi diurutkan menurut urutan munculnya di kode asal.

提示：如需返回所有已规定 href 属性的 <area> 元素 的集合，请使用 links 集合。

Contoh

Contoh 1

Cari tahu berapa banyak elemen <area> ada dalam peta imej yang ditentukan:

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

Cuba sendiri

Hasil x adalah:

3

Ada lagi contoh TIY di bawah halaman.

Sintaksis

mapObject.areas

Atribut

Nilai Deskripsi
length

Kembalikan jumlah elemen <area> dalam koleksi.

Komentar:Atribut ini hanya baca

Metode

Metode Deskripsi
[index]

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

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

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

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

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

Komentar:Jika id tidak ada, kembalikan null.

Detil teknikal

Versi DOM: Core Level 2 Document Object
Hasil balik:

Objek HTMLCollection, merepresentasikan semua elemen <area> dalam peta imej dokumen.

Elemen dalam koleksi diurutkan menurut urutan munculnya di kode asal.

Dukungan pereka

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

Lebih banyak contoh

Contoh 2: [index]

Dapatkan URL elemen <area> pertama dalam peta imej:

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

Cuba sendiri

Hasil x akan adalah:

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

Contoh 3: item(index)

Dapatkan URL elemen <area> pertama dalam peta imej:

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

Cuba sendiri

Hasil x akan adalah:

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

Contoh 4: namedItem(id)

Dapatkan URL elemen <area> dengan id="myArea" dalam peta imej:

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

Cuba sendiri

Hasil x akan adalah:

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

Contoh 5

Mengalakkan semua elemen <area> dalam peta imej dan keluarkan bentuk setiap kawasan:

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

Cuba sendiri

Hasil x akan adalah:

rect
circle
circle

Objek Map DOM HTML