మ్యాప్ ఏరియాసమాహారం
నిర్వహణ మరియు ఉపయోగం
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 లేకపోతే null ను తిరిగి ఇస్తుంది. |
సాంకేతిక వివరాలు
| DOM వెర్షన్: | కోర్ లెవల్ 2 డాక్యుమెంట్ ఆబ్జెక్ట్ |
|---|---|
| వారుపరిణామం: |
HTMLCollection ఆబ్జెక్ట్, ఇది డాక్యుమెంట్లో చిత్రమానంలోని అన్ని <area> మొక్కలను ప్రతినిధీకరిస్తుంది. సమాకారంలో అంశాలు సోర్స్ కోడ్ లో కనిపించిన క్రమంలో క్రమీకరించబడతాయి. |
బ్రౌజర్ మద్దతు
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
|---|---|---|---|---|
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
| మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
మరిన్ని ఉదాహరణలు
ఉదాహరణ 2: [index]
చిత్రమానంలో మొదటి <area> మొక్కల యూఆర్ఎల్ ను పొందండి:
var x = document.getElementById("planetmap").areas[0].href;
x యొక్క ఫలితం ఉంటుంది:
https://www.codew3c.com/jsref/sun.html
ఉదాహరణ 3: item(index)
చిత్రమానంలో మొదటి <area> మొక్కల యూఆర్ఎల్ ను పొందండి:
var x = document.getElementById("planetmap").areas.item(0).href;
x యొక్క ఫలితం ఉంటుంది:
https://www.codew3c.com/jsref/sun.html
ఉదాహరణ 4: namedItem(id)
చిత్రమానంలో id="myArea" ఉన్న <area> మొక్కల యూఆర్ఎల్ ను పొందండి:
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
