Kaart gebieden Collectie
Voorbeeld
Ontdek hoeveel <area> elementen er in een specifieke image-map zijn:
var x = document.getElementById("planetmap").areas.length;
Het resultaat van x zal zijn:
3
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De area collection retourneert een verzameling van alle <area> elementen in een image-map.
Opmerking: de elementen in de collectie worden gesorteerd zoals ze in de broncode worden weergegeven.
Tip: om een verzameling van alle <area>-elementen te retourneren waarvoor een href-attribuut is opgegeven, gebruikt u de verzameling links .
Browserondersteuning
Collection | |||||
---|---|---|---|---|---|
areas | Yes | Yes | Yes | Yes | Yes |
Syntaxis
mapObject.areas
Eigenschappen
Property | Description |
---|---|
length | Returns the number of <area> elements in the collection. Note: This property is read-only |
Methoden:
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 |
Technische details
DOM-versie: | Kernniveau 2 documentobject |
---|---|
Winstwaarde: | Een HTMLCollection-object, dat alle <area>-elementen in een afbeeldingskaart in het document vertegenwoordigt. De elementen in de collectie worden gesorteerd zoals ze in de broncode voorkomen |
Meer voorbeelden
Voorbeeld
[ index ]
Haal de URL op van het eerste <area> element in een image-map:
var x = document.getElementById("planetmap").areas[0].href;
Het resultaat van x zal zijn:
https://www.w3schools.com/jsref/sun.htm
Voorbeeld
artikel( index )
Haal de URL op van het eerste <area> element in een image-map:
var x = document.getElementById("planetmap").areas.item(0).href;
Het resultaat van x zal zijn:
https://www.w3schools.com/jsref/sun.htm
Voorbeeld
genoemdItem( id )
Haal de URL op van het <area> element met id="myArea" in een image-map:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
Het resultaat van x zal zijn:
https://www.w3schools.com/jsref/mercur.htm
Voorbeeld
Loop door alle <area>-elementen in een afbeeldingskaart en voer de vorm van elk gebied 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>";
}
Het resultaat van txt is:
rect
circle
circle
❮ Kaartobject