Collezione di aree della mappa

Oggetto Map DOM HTML

Definizione e uso

definiti come area La collezione restituisce tutti gli elementi elemento <area> collezione.

Nota:Gli elementi della raccolta sono ordinati secondo l'ordine di apparizione nel codice sorgente.

Suggerimento:per tornare alla collezione di tutti gli elementi con l'attributo href definito elemento <area> utilizzare collezione di link。

Esempio

Esempio 1

Determina quanti elementi <area> ci sono nella mappatura delle immagini specificata:

var x = document.getElementById("planetmap").areas.length;

Prova personalmente

Il risultato di x è:

3

Più esempi TIY in fondo alla pagina.

Sintassi

mapObject.areas

Proprietà

Valore Descrizione
length

Restituisce il numero di elementi <area> nella raccolta.

Nota:Questa proprietà è sola lettura

Metodo

Metodo Descrizione
[index]

Restituisce l'elemento <area> con l'indice specificato nella raccolta (a partire da 0).

Nota:Se il numero dell'indice è fuori dalla gamma, restituisce null.
item(index)

Restituisce l'elemento <area> con l'indice specificato nella raccolta (a partire da 0).

Nota:Se il numero dell'indice è fuori dalla gamma, restituisce null.
namedItem(id)

Restituisce l'elemento <area> con id specificato nella raccolta.

Nota:Se l'id non esiste, restituisce null.

Dettagli tecnici

Versione DOM: Core Level 2 Document Object
Ritorna valore:

Oggetto HTMLCollection che rappresenta tutti gli elementi <area> nella mappatura delle immagini del documento.

Gli elementi della raccolta sono ordinati secondo l'ordine di apparizione nel codice sorgente.

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporta Supporta Supporta Supporta Supporta

Più esempi

Esempio 2: [index]

Ottieni l'URL del primo elemento <area> nella mappatura delle immagini:

var x = document.getElementById("planetmap").areas[0].href;

Prova personalmente

Il risultato di x sarà:

https://www.codew3c.com/jsref/sun.html

Esempio 3: item(index)

Ottieni l'URL del primo elemento <area> nella mappatura delle immagini:

var x = document.getElementById("planetmap").areas.item(0).href;

Prova personalmente

Il risultato di x sarà:

https://www.codew3c.com/jsref/sun.html

Esempio 4: namedItem(id)

Ottieni l'URL dell'elemento <area> con id="myArea" nella mappatura delle immagini:

var x = document.getElementById("planetmap").areas.namedItem("myArea").href;

Prova personalmente

Il risultato di x sarà:

https://www.codew3c.com/jsref/mercur.html

Esempio 5

Esegui una scansione di tutti gli elementi <area> nella mappatura delle immagini e visualizza la forma di ogni 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>";
}

Prova personalmente

Il risultato di x sarà:

rect
circle
circle

Oggetto Map DOM HTML