Map areas အသင်းအုပ်

HTML DOM အိပ်နံပါး Map

အသုံးပြုနည်းဥပဒေ

area အသင်းအုပ် ပြန်လည်သယ်ဆောင်သော အဆိုပါ အသင်းအုပ် <area> အဆိုပါ အသင်းအုပ်။

ဖော်ပြ:အစုအဝေးတွင် အရာများ သတ်မှတ်ထားသော အရာများ တွင် အစိတ်အစိတ်အချိန်ချိန် ဖြင့် ဖြင့် ပြောင်းလဲကြပါ:

အကြောင်းအရာ:href သုံးထားသော အသုံးပြုသော အသင်းအုပ်ကို ပြန်လည်သယ်ဆောင်ရန် <area> အဆိုပါ ပေါင်း၊ အသုံးပြုပါ links ပေါင်း。

အမှတ်ပေးသော

ဘား 1

ပုံခွဲပြီး အားလုံး ပုံသဏ္ဌာန်တွင် ပုံသဏ္ဌာန် <area> အရာများ၏ အရေအတွက် ကို သိပါ:

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

ကိုယ်တိုင် စမ်းသပ်ကြည့်

x ရဲ့ ရလဒ်ကြောင်း:

3

အချက်အလက်အောက်တွင် ပိုမိုသုံးစွဲမှုရှိသည်

ဘာသာစကား

mapObject.areas

အချက်အလက်

ပြင်းပြင်းသော အချက် ဖော်ပြ
length

အစုအဝေးတွင် <area> အရာများ၏ အရေအတွက် ကို တုံ့ပြန်ပါ:

ဖော်ပြ:ဤ အချက်အလက် သည် သာသာသာ သုံးစွဲမှုဖြစ်သည်

မူကြမ်း

မူကြမ်း ဖော်ပြ
[index]

တုံ့ပြန်ရန်:

ဖော်ပြ:အင်ဂျင်နီယာ စက္ခုအား ဖြင့် တုံ့ပြန်သည့်အတွက် null ကို တုံ့ပြန်ပါ:
item(index)

တုံ့ပြန်ရန်:

ဖော်ပြ:အင်ဂျင်နီယာ စက္ခုအား ဖြင့် တုံ့ပြန်သည့်အတွက် null ကို တုံ့ပြန်ပါ:
namedItem(id)

တုံ့ပြန်ရန်:

ဖော်ပြ:id မရှိဘဲ လိုက်နာသည့်အတွက် null ကို တုံ့ပြန်ပါ:

နည်းပါးများ

DOM ပုံစံ: Core Level 2 Document Object
တုံ့ပြန်ရန်:

HTMLCollection အရာတွင် အခြေခံ အရာများ 2 ဆိုင်ရာ အချက်အလက် ပါဝင်သည်။

အစုအဝေးတွင် အရာများ သတ်မှတ်ထားသော အရာများ တွင် အစိတ်အစိတ်အချိန်ချိန် ဖြင့် ဖြင့် ပြောင်းလဲကြပါ:

ဘားလက်ခံကုန်

ချူးစက် သံလျှံ နှာပန်း စိတ်ပျိုး အိုပက်ရာ
ချူးစက် သံလျှံ နှာပန်း စိတ်ပျိုး အိုပက်ရာ
လက်ခံကုန် လက်ခံကုန် လက်ခံကုန် လက်ခံကုန် လက်ခံကုန်

ပိုမိုသုံးစွဲမှု

ဘား 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

HTML DOM အိပ်နံပါး Map