Raccolta delle aree della mappa
Esempio
Scopri quanti elementi <area> ci sono in una specifica mappa immagine:
var x = document.getElementById("planetmap").areas.length;
Il risultato di x sarà:
3
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La raccolta delle aree restituisce una raccolta di tutti gli elementi <area> in una mappa immagine.
Nota: gli elementi nella raccolta sono ordinati come appaiono nel codice sorgente.
Suggerimento: per restituire una raccolta di tutti gli elementi <area> che hanno un attributo href specificato, utilizzare la raccolta di collegamenti .
Supporto browser
Collection | |||||
---|---|---|---|---|---|
areas | Yes | Yes | Yes | Yes | Yes |
Sintassi
mapObject.areas
Proprietà
Property | Description |
---|---|
length | Returns the number of <area> elements in the collection. Note: This property is read-only |
Metodi
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 |
Dettagli tecnici
Versione DOM: | Oggetto documento di livello principale 2 |
---|---|
Valore di ritorno: | Un oggetto HTMLCollection, che rappresenta tutti gli elementi <area> in una mappa immagine nel documento. Gli elementi nella raccolta sono ordinati come appaiono nel codice sorgente |
Altri esempi
Esempio
[ indice ]
Ottieni l'URL del primo elemento <area> in una mappa immagine:
var x = document.getElementById("planetmap").areas[0].href;
Il risultato di x sarà:
https://www.w3schools.com/jsref/sun.htm
Esempio
articolo ( indice )
Ottieni l'URL del primo elemento <area> in una mappa immagine:
var x = document.getElementById("planetmap").areas.item(0).href;
Il risultato di x sarà:
https://www.w3schools.com/jsref/sun.htm
Esempio
namedItem( id )
Ottieni l'URL dell'elemento <area> con id="myArea" in una mappa immagine:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
Il risultato di x sarà:
https://www.w3schools.com/jsref/mercur.htm
Esempio
Passa attraverso tutti gli elementi <area> in una mappa immagine e genera la forma di ciascuna 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>";
}
Il risultato di txt sarà:
rect
circle
circle
❮ Oggetto mappa