मैप एरिया समूह
रूपरेखा और उपयोग
area समूह विभिन्न इमेज मैपिंग में <area> एलीमेंट का समूह
टिप्पणी:समूह में एलीमेंट्स उनके स्रोत कोड में दिखाई देने की क्रम में रखे जाते हैं।
सूचना:सभी निर्दिष्ट href अभियान के <area> एलीमेंट का समूह का प्रयोग करें links समूह।
।
उदाहरण
उदाहरण 1
निर्दिष्ट चित्र नक्शे में कितने <area> एलीमेंट्स हैं इसे जानें:
var x = document.getElementById("planetmap").areas.length;
x का परिणाम है:
3
पृष्ठ के नीचे और अधिक TIY उदाहरण हैं।
व्याकरणmapObject
.areas
| गुण | वर्णन |
|---|---|
| मान |
length टिप्पणी:समूह में <area> एलीमेंट की संख्या को वापस करें। |
यह गुण लिखित है
| यह गुण लिखित है | वर्णन |
|---|---|
| [index] |
वापसी मान: सूचकांक के अनुसार एलीमेंट को वापस करें (0 से शुरू होकर)। टिप्पणी:यदि सूचकांक सीमा से बाहर है, तो null वापस करें। |
| item(index) |
वापसी मान: सूचकांक के अनुसार एलीमेंट को वापस करें (0 से शुरू होकर)। टिप्पणी:यदि सूचकांक सीमा से बाहर है, तो null वापस करें। |
| namedItem(id) |
वापसी मान: नाम के अनुसार नामक एलीमेंट को वापस करें। टिप्पणी:यदि id मौजूद नहीं है तो null वापस करें। |
तकनीकी विवरण
| DOM संस्करण: | Core Level 2 Document Object |
|---|---|
| वापसी मान: |
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 का परिणाम होगा:
चतुर्भुज वृत्त वृत्त
