Kaartgebiede Versameling _
Voorbeeld
Vind uit hoeveel <area>-elemente daar in 'n spesifieke beeldkaart is:
var x = document.getElementById("planetmap").areas.length;
Die resultaat van x sal wees:
3
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die areasversameling gee 'n versameling van alle <area>-elemente in 'n beeldkaart terug.
Let wel: Die elemente in die versameling word gesorteer soos dit in die bronkode verskyn.
Wenk: Om 'n versameling van alle <area>-elemente wat 'n href-kenmerk gespesifiseer het, terug te gee, gebruik die skakelversameling .
Blaaierondersteuning
Collection | |||||
---|---|---|---|---|---|
areas | Yes | Yes | Yes | Yes | Yes |
Sintaksis
mapObject.areas
Eienskappe
Property | Description |
---|---|
length | Returns the number of <area> elements in the collection. Note: This property is read-only |
Metodes
Method | Description |
---|---|
[index] | Returns the <area> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <area> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <area> element from the collection with the specified id. Note: Returns null if the id does not exist |
Tegniese besonderhede
DOM weergawe: | Kernvlak 2-dokumentobjek |
---|---|
Terugkeerwaarde: | 'n HTMLCollection Object, wat alle <area>-elemente in 'n beeldkaart in die dokument verteenwoordig. Die elemente in die versameling word gesorteer soos dit in die bronkode verskyn |
Meer voorbeelde
Voorbeeld
[ indeks ]
Kry die URL van die eerste <area>-element in 'n beeldkaart:
var x = document.getElementById("planetmap").areas[0].href;
Die resultaat van x sal wees:
https://www.w3schools.com/jsref/sun.htm
Voorbeeld
item ( indeks )
Kry die URL van die eerste <area>-element in 'n beeldkaart:
var x = document.getElementById("planetmap").areas.item(0).href;
Die resultaat van x sal wees:
https://www.w3schools.com/jsref/sun.htm
Voorbeeld
namedItem( id )
Kry die URL van die <area>-element met id="myArea" in 'n beeldkaart:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
Die resultaat van x sal wees:
https://www.w3schools.com/jsref/mercur.htm
Voorbeeld
Loop deur alle <area>-elemente in 'n beeldkaart en voer die vorm van elke area uit:
var x = document.getElementById("planetmap");
var txt = "";
var i;
for (i = 0; i < x.areas.length; i++) {
txt = txt + x.areas[i].shape + "<br>";
}
Die resultaat van txt sal wees:
rect
circle
circle
❮ Kaartvoorwerp