نقشہ علاقوں کا مجموعہ

HTML DOM ماپ آٹام

تعریف اور استعمال

area کا مجموعہ، نقشہ میں تمام <area> علامت کا مجموعہ

توضیحات:عناصر مجموعه به ترتیب ظهور آنها در کد منبع مرتب شده‌اند.

نکات:تمام مقرر href نمائش کیوں کہ واپسی کریں <area> علامت کا مجموعہ، استعمال کریں links کا مجموعہ。

مثال

مثال

مثال 1

مطمئن شوید که چندین عنصر <area> در نقشه تصویری مشخص شده است:

آپ خود کا تجربہ کریں

var 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 Object، که تمام عناصر <area> در نقشه تصویری مستند را نشان می‌دهد.

عناصر مجموعه به ترتیب ظهور آنها در کد منبع مرتب شده‌اند.

پشتیبانی مرورگر

کروم اچ‌پی فایرفاکس سافاری اپرا
کروم اچ‌پی فایرفاکس سافاری اپرا
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

مثال‌های بیشتر

مثال 2: [index]

URL اولین عنصر <area> در نقشه تصویری را بدست آورید:

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

آپ خود کا تجربہ کریں

x کا نتیجہ یہ ہوگا:

https://www.codew3c.com/jsref/sun.html

مثال 3: item(index)

URL اولین عنصر <area> در نقشه تصویری را بدست آورید:

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

آپ خود کا تجربہ کریں

x کا نتیجہ یہ ہوگا:

https://www.codew3c.com/jsref/sun.html

مثال 4: namedItem(id)

URL عناصر <area> با id="myArea" در نقشه تصویری را بدست آورید:

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

آپ خود کا تجربہ کریں

x کا نتیجہ یہ ہوگا:

https://www.codew3c.com/jsref/mercur.html

مثال 5

تقسیم کاری همه عناصر <area> در نقشه تصویری و چاپ شکل هر منطقه:

var x = document.getElementById("planetmap");
وارائی txt = "";
وارائی i;
برای (i = 0; i < x.areas.length; i++) {
  txt = txt + x.areas[i].shape + "<br>";
}

آپ خود کا تجربہ کریں

x کا نتیجہ یہ ہوگا:

چپ کی شکل
دائیں کی شکل
دائیں کی شکل

HTML DOM ماپ آٹام