Koleksi area peta
Contoh
Cari tahu berapa banyak elemen <area> yang ada di peta gambar tertentu:
var x = document.getElementById("planetmap").areas.length;
Hasil dari x menjadi:
3
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Koleksi area mengembalikan koleksi semua elemen <area> dalam peta gambar.
Catatan: Elemen dalam koleksi diurutkan seperti yang muncul di kode sumber.
Tip: Untuk mengembalikan koleksi semua elemen <area> yang memiliki atribut href yang ditentukan, gunakan koleksi link .
Dukungan Peramban
Collection | |||||
---|---|---|---|---|---|
areas | Yes | Yes | Yes | Yes | Yes |
Sintaksis
mapObject.areas
Properti
Property | Description |
---|---|
length | Returns the number of <area> elements in the collection. Note: This property is read-only |
Metode
Method | Description |
---|---|
[index] | Returns the <area> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <area> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <area> element from the collection with the specified id. Note: Returns null if the id does not exist |
Detail Teknis
Versi DOM: | Objek Dokumen Tingkat 2 Inti |
---|---|
Nilai Kembali: | Objek HTMLCollection, mewakili semua elemen <area> dalam peta gambar dalam dokumen. Elemen-elemen dalam koleksi diurutkan seperti yang muncul dalam kode sumber |
Lebih Banyak Contoh
Contoh
[ indeks ]
Dapatkan URL elemen <area> pertama dalam peta gambar:
var x = document.getElementById("planetmap").areas[0].href;
Hasil dari x menjadi:
https://www.w3schools.com/jsref/sun.htm
Contoh
barang ( indeks )
Dapatkan URL elemen <area> pertama dalam peta gambar:
var x = document.getElementById("planetmap").areas.item(0).href;
Hasil dari x menjadi:
https://www.w3schools.com/jsref/sun.htm
Contoh
bernamaItem( id )
Dapatkan URL elemen <area> dengan id="myArea" di peta gambar:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
Hasil dari x menjadi:
https://www.w3schools.com/jsref/mercur.htm
Contoh
Ulangi semua elemen <area> dalam peta gambar dan tampilkan 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>";
}
Hasil dari txt akan menjadi:
rect
circle
circle
Objek Peta