أحدث البرامج التعليمية وتطوير الشبكة
 

مجموعة مناطق الخرائط

<خريطة كائن

مثال

معرفة عدد <area> العناصر هناك في صورة خريطة محددة:

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

ونتيجة لالعاشر على النحو التالي:

3
انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.

تعريف والاستخدام

جمع المناطق بإرجاع مجموعة من كافة <area> العناصر في صورة خريطة.

Note: يتم فرز العناصر في المجموعة كما تظهر في شفرة المصدر.

نصيحة: للعودة مجموعة من كافة <area> العناصر التي لها الخاصية href محدد، استخدم الروابط المجموعة.

دعم المتصفح

مجموعة
areas نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا

بناء الجملة

mapObject .areas

الخصائص

خاصية وصف
length إرجاع عدد <area> عناصر في المجموعة.

ملاحظة: هذه الخاصية للقراءة فقط

أساليب

طريقة وصف
[ index ] إرجاع <area> عنصر من المجموعة مع الفهرس المحدد (starts at 0) .

ملاحظة: إرجاع فارغة إذا كان الرقم القياسي خارج النطاق
item( index ) إرجاع <area> عنصر من المجموعة مع الفهرس المحدد (starts at 0) .

ملاحظة: إرجاع فارغة إذا كان الرقم القياسي خارج النطاق
namedItem( id ) إرجاع <area> عنصر من مجموعة مع معرف المحدد.

ملاحظة: إرجاع فارغة حالة عدم وجود هوية

تفاصيل تقنية

صفحة DOM: المستوى الأساسي كائن 2 الوثيقة
قيمة الإرجاع: كائن HTMLCollection، تمثل جميع <area> العناصر في خريطة صورة في المستند. يتم فرز العناصر في المجموعة كما تظهر في التعليمات البرمجية المصدر
أمثلة

مزيد من الأمثلة

مثال

[المؤشر]

الحصول على URL أول <area> عنصر في صورة خريطة:

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

ونتيجة لالعاشر على النحو التالي:

http://www.w3ii.com/jsref/sun.htm
انها محاولة لنفسك »

مثال

item( index )

الحصول على URL أول <area> عنصر في صورة خريطة:

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

ونتيجة لالعاشر على النحو التالي:

http://www.w3ii.com/jsref/sun.htm
انها محاولة لنفسك »

مثال

namedItem( id )

الحصول على URL لل <area> عنصر مع معرف = "myArea" في صورة خريطة:

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

ونتيجة لالعاشر على النحو التالي:

http://www.w3ii.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
انها محاولة لنفسك »
<خريطة كائن