مجموعة مناطق الخريطة
التعريف والاستخدام
المناطق المجموعة تعود بجميع عنصر <area> المجموعة.
ملاحظة:يتم ترتيب العناصر في المجموعة حسب ترتيب ظهورها في الكود المصدر.
إشارة:إذا كنت ترغب في العودة إلى جميع الروابط المحددة في href عنصر <area> ، يرجى استخدام مجموعة الروابط.
مثال
مثال 1
تحديد عدد عناصر <area> في خريطة الصور المحددة:
تعريف المتغير x = document.getElementById("planetmap").areas.length;
结果是 x:
3
هناك أمثلة TIY أكثر في نهاية الصفحة.
النحو
mapObject.areas
الخصائص
| القيمة | الوصف |
|---|---|
| length |
يعود عدد عناصر <area> في المجموعة. ملاحظة:هذه الخاصية غير قابل للتعديل |
الطريقة
| الطريقة | الوصف |
|---|---|
| [index] |
يعود العنصر <area> المحدد بالرقم المحدد في المجموعة (تبدأ من 0). ملاحظة:إذا كان الرقم المحدد خارج النطاق، فإنه يعود null. |
| item(index) |
يعود العنصر <area> المحدد بالرقم المحدد في المجموعة (تبدأ من 0). ملاحظة:إذا كان الرقم المحدد خارج النطاق، فإنه يعود null. |
| namedItem(id) |
يعود مجموعة تحتوي على العنصر <area> المحدد بـ id. ملاحظة:إذا لم يكن id موجودًا، فإنه يعود null. |
تفاصيل التقنية
| إصدار DOM: | Core Level 2 Document Object |
|---|---|
| القيمة المعدة: |
مجموعة HTMLCollection، تمثل جميع عناصر <area> في خريطة الصور في المستند. يتم ترتيب العناصر في المجموعة حسب ترتيب ظهورها في الكود المصدر. |
دعم المتصفحات
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| دعم | دعم | دعم | دعم | دعم |
مزيد من الأمثلة
مثال 2: [index]
الحصول على URL لعنصر <area> الأول في خريطة الصور:
تعريف المتغير x = document.getElementById("planetmap").areas[0].href;
النتيجة ستكون: x
https://www.codew3c.com/jsref/sun.html
مثال 3: item(index)
الحصول على URL لعنصر <area> الأول في خريطة الصور:
تعريف المتغير x = document.getElementById("planetmap").areas.item(0).href;
النتيجة ستكون: x
https://www.codew3c.com/jsref/sun.html
مثال 4: namedItem(id)
الحصول على URL لعنصر <area> الذي يحتوي على id="myArea" في خريطة الصور:
تعريف المتغير x = document.getElementById("planetmap").areas.namedItem("myArea").href;
النتيجة ستكون: x
https://www.codew3c.com/jsref/mercur.html
مثال 5
مرور على جميع عناصر <area> في خريطة الصور وعرض شكل كل منطقة:
تعريف المتغير x = document.getElementById("planetmap");
مغير txt = "";
مغير i;
لـ (i = 0; i < x.areas.length; i++) {
txt = txt + x.areas[i].shape + "<br>";
}
النتيجة ستكون: x
مستطيل دائرة دائرة
