Esempio
Scopri quanti <area> elementi ci sono in una specifica immagine-mappa:
var x = document.getElementById("planetmap").areas.length;Il risultato di x sarà:
3 Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La collezione aree restituisce un insieme di tutte le <area> elementi di un'immagine-map.
Note: Gli elementi della collezione sono ordinati come appaiono nel codice sorgente.
Suggerimento: per restituire un insieme di tutte le <area> elementi che hanno un attributo href specificato, utilizzare il link di raccolta.
Supporto browser
| Collezione | |||||
|---|---|---|---|---|---|
| areas | sì | sì | sì | sì | sì |
Sintassi
mapObject .areasProprietà
| Proprietà | Descrizione |
|---|---|
| length | Restituisce il numero di <area> elementi della collezione. Nota: questa proprietà è di sola lettura |
metodi
| Metodo | Descrizione |
|---|---|
| [ index ] | Restituisce il <area> elemento della collezione con l'indice specificato (starts at 0) . Nota: Restituisce null se il numero di indice è fuori portata |
| item( index ) | Restituisce il <area> elemento della collezione con l'indice specificato (starts at 0) . Nota: Restituisce null se il numero di indice è fuori portata |
| namedItem( id ) | Restituisce il <area> elemento della collezione con l'ID specificato. Nota: restituisce null se l'ID non esiste |
Dettagli tecnici
| DOM Versione: | Nucleo livello di oggetto di documento 2 |
|---|---|
| Valore di ritorno: | Un oggetto HTMLCollection, in rappresentanza di tutti <area> elementi di un'immagine-map nel documento. Gli elementi della collezione sono ordinati come appaiono nel codice sorgente |
Altri esempi
Esempio
[Index]
Ottenere l'URL della prima <area> elemento in un'immagine-map:
var x = document.getElementById("planetmap").areas[0].href;Il risultato di x sarà:
http://www.w3ii.com/jsref/sun.htm Prova tu stesso " Esempio
item( index )
Ottenere l'URL della prima <area> elemento in un'immagine-map:
var x = document.getElementById("planetmap").areas.item(0).href;Il risultato di x sarà:
http://www.w3ii.com/jsref/sun.htm Prova tu stesso " Esempio
namedItem( id )
Ottenere l'URL del <area> elemento con id = "myArea" in un'immagine-map:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;Il risultato di x sarà:
http://www.w3ii.com/jsref/mercur.htm Prova tu stesso " Esempio
Scorrere tutti <area> elementi di un'immagine-mappa e uscita la forma di ogni zona:
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 Prova tu stesso " <Map Object