Map areas সমূহ
ব্যবহার ও প্রয়োগ
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) |
ফিরায় নির্দিষ্ট id-এর সমস্ত <area> ইলেকট্রনেটিক এর সংকেতসমূহ: মন্তব্য:যদি id না থাকে, তবে null ফিরায়: |
প্রযুক্তিগত বিবরণ
| DOM সংস্করণ: | কোর লেভেল 2 ডকুমেন্ট অবজেক্ট |
|---|---|
| ফলাফল: |
HTMLCollection অবজেক্ট, যা ডকুমেন্টের চিত্র ম্যাপিং-এর সকল <area> ইলেকট্রনেটিক প্রতিনিধিত্ব করে。 সংকেতসমূহকে সূত্র কোডে তাদের আবির্ভাবের ক্রমে ক্রমানুক্রমিক করা হয়。 |
ব্রাউজার সমর্থন
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
আরও উদাহরণ
উদাহরণ 2: [index]
চিত্র ম্যাপিং-এর প্রথম <area> ইলেকট্রনেটিক এর URL পাওয়ার:
var x = document.getElementById("planetmap").areas[0].href;
x এর ফলাফল হবেঃ
https://www.codew3c.com/jsref/sun.html
উদাহরণ 3: item(index)
চিত্র ম্যাপিং-এর প্রথম <area> ইলেকট্রনেটিক এর URL পাওয়ার:
var x = document.getElementById("planetmap").areas.item(0).href;
x এর ফলাফল হবেঃ
https://www.codew3c.com/jsref/sun.html
উদাহরণ 4: namedItem(id)
চিত্র ম্যাপিং-এর id="myArea"-এর <area> ইলেকট্রনেটিক এর URL পাওয়ার:
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;
for (i = 0; i < x.areas.length; i++) {
txt = txt + x.areas[i].shape + "<br>";
}
x এর ফলাফল হবেঃ
rect circle circle
