مجموعه‌های نقشه‌های نقشه
تعریف و استفاده
area مجموعه‌ها همه عنصر <area> مجموعه.
نکته:عناصر مجموعه بر اساس ترتیب ظاهر شدن آن‌ها در کد منبع مرتب شده‌اند.
توجه:برای بازگشت به تمامی مجموعه‌های مشخص شده با ویژگی href عنصر <area> مجموعه، از مجموعه‌های لینک。）
مثال
مثال 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 که تمام عناصر <area> در نقشه تصویری مستند را نشان می‌دهد. عناصر مجموعه بر اساس ترتیب ظاهر شدن آن‌ها در کد منبع مرتب شده‌اند. |
پشتیبانی مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
مثال‌های بیشتر
مثال 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");
var txt = "";
var i;
برای (i = 0; i < x.areas.length; i++) {
txt = txt + x.areas[i].shape + "<br>";
}
نتیجه x خواهد بود:
مکعب دایره دایره
