مجموعة مناطق الخريطة
مثال
اكتشف عدد عناصر <area> الموجودة في خريطة صورة معينة:
var x = document.getElementById("planetmap").areas.length;
ستكون نتيجة x :
3
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تُرجع مجموعة المناطق مجموعة من كل عناصر <area> في خريطة الصورة.
ملاحظة: يتم فرز العناصر الموجودة في المجموعة كما تظهر في التعليمات البرمجية المصدر.
تلميح: لإرجاع مجموعة من كل عناصر <area> التي تم تحديد سمة href لها ، استخدم مجموعة الروابط .
دعم المتصفح
| Collection | |||||
|---|---|---|---|---|---|
| areas | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
mapObject.areas
الخصائص
| Property | Description |
|---|---|
| length | Returns the number of <area> elements in the collection. Note: This property is read-only |
طرق
| 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 |
تفاصيل تقنية
| إصدار DOM: | كائن مستند المستوى 2 الأساسي |
|---|---|
| قيمة الإرجاع: | كائن HTMLCollection ، يمثل جميع عناصر <area> في خريطة الصورة في المستند. يتم فرز العناصر الموجودة في المجموعة كما تظهر في التعليمات البرمجية المصدر |
مزيد من الأمثلة
مثال
[ فهرس ]
احصل على عنوان URL لعنصر <area> الأول في خريطة الصورة:
var x = document.getElementById("planetmap").areas[0].href;
ستكون نتيجة x :
https://www.w3schools.com/jsref/sun.htm
مثال
عنصر ( فهرس )
احصل على عنوان URL لعنصر <area> الأول في خريطة الصورة:
var x = document.getElementById("planetmap").areas.item(0).href;
ستكون نتيجة x :
https://www.w3schools.com/jsref/sun.htm
مثال
العنصر ( المعرف )
احصل على عنوان URL لعنصر <area> بالمعرف = "myArea" في خريطة الصورة:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
ستكون نتيجة x :
https://www.w3schools.com/jsref/mercur.htm
مثال
قم بالتكرار خلال جميع عناصر <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>";
}
ستكون نتيجة النص :
rect
circle
circle
❮ كائن الخريطة