areas
Map areas kolleksiyasi
Misol
Muayyan rasm xaritasida nechta <area> elementi borligini aniqlang:
var x = document.getElementById("planetmap").areas.length;
x natijasi quyidagicha bo‘ladi:
3
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Tavsif
areas kolleksiyasi rasm xaritasidagi barcha <area> elementlari kolleksiyasini qaytaradi.
Eslatma: Kolleksiyadagi elementlar manba kodda joylashgan tartibda saralangan.
Maslahat: href atributi ko‘rsatilgan barcha <area> elementlari kolleksiyasini qaytarish uchun links kolleksiyasidan foydalaning.
Brauzerlarda qo‘llab-quvvatlash
| Kolleksiya | |||||
|---|---|---|---|---|---|
| areas | Ha | Ha | Ha | Ha | Ha |
Sintaksis
mapObject.areas
Xususiyatlar
| Xususiyat | Tavsif |
|---|---|
| length | Kolleksiyadagi <area> elementlari sonini qaytaradi. Eslatma: Bu xususiyat faqat o‘qish uchun |
Metodlar
| Metod | Tavsif |
|---|---|
| [index] | Kolleksiyadan ko‘rsatilgan indeksdagi (0 dan boshlanadi) <area> elementini qaytaradi. Eslatma: Indeks raqami diapazondan tashqarida bo‘lsa, null qaytaradi |
| item(index) | Kolleksiyadan ko‘rsatilgan indeksdagi (0 dan boshlanadi) <area> elementini qaytaradi. Eslatma: Indeks raqami diapazondan tashqarida bo‘lsa, null qaytaradi |
| namedItem(id) | Kolleksiyadan ko‘rsatilgan id’ga ega <area> elementini qaytaradi. Eslatma: Bunday id mavjud bo‘lmasa, null qaytaradi |
Texnik tafsilotlar
| DOM versiyasi: | Core Level 2 Document obyekti |
|---|---|
| Qaytariladigan qiymat: | Hujjatdagi rasm xaritasining barcha <area> elementlarini ifodalovchi HTMLCollection obyekti. Kolleksiyadagi elementlar manba kodida joylashgan tartibda saralangan |
Ko‘proq misollar
Misol
[index]
Rasm xaritasidagi birinchi <area> elementining URL manzilini oling:
var x = document.getElementById("planetmap").areas[0].href;
x natijasi quyidagicha bo‘ladi:
https://www.w3schools.com/jsref/sun.htm
O‘zingiz sinab ko‘ring »
Misol
item(index)
Rasm xaritasidagi birinchi <area> elementining URL manzilini oling:
var x = document.getElementById("planetmap").areas.item(0).href;
x natijasi quyidagicha bo‘ladi:
https://www.w3schools.com/jsref/sun.htm
O‘zingiz sinab ko‘ring »
Misol
namedItem(id)
Rasm xaritasidagi id="myArea" bo‘lgan <area> elementining URL manzilini oling:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
x natijasi quyidagicha bo‘ladi:
https://www.w3schools.com/jsref/mercur.htm
O‘zingiz sinab ko‘ring »
Misol
Rasm xaritasidagi barcha <area> elementlarini aylanib chiqing va har bir sohaning shaklini chiqaring:
var x = document.getElementById("planetmap");
var txt = "";
var i;
for (i = 0; i < x.areas.length; i++) {
txt = txt + x.areas[i].shape + "<br>";
}
txt natijasi quyidagicha bo‘ladi:
rect
circle
circle
O‘zingiz sinab ko‘ring »
❮ Map obyekti
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!