L'ensemble des zones de carte

Objet Map DOM HTML

Définition et utilisation

area L'ensemble retourne tous les l'élément <area> l'ensemble.

Remarque :Les éléments de l'ensemble sont classés dans l'ordre de leur apparition dans le code source.

Avis :Pour retourner tous les éléments avec l'attribut href définis l'élément <area> l'ensemble, veuillez utiliser ensemble de liens。

Exemple

Exemple 1

Déterminer combien d'éléments <area> il y a dans la carte d'image spécifiée :

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

Essayez-le vous-même

Le résultat de x est :

3

Vous trouverez plus d'exemples TIY en bas de la page.

Syntaxe

mapObject.areas

Propriété

Valeur Description
length

Retourne le nombre d'éléments <area> dans l'ensemble.

Remarque :Cette propriété est en lecture seule

Méthode

Méthode Description
[index]

Retourne l'élément <area> avec l'index spécifié dans l'ensemble (commençant par 0).

Remarque :Retourne null si le numéro d'index dépasse la gamme.
item(index)

Retourne l'élément <area> avec l'index spécifié dans l'ensemble (commençant par 0).

Remarque :Retourne null si le numéro d'index dépasse la gamme.
namedItem(id)

Retourne l'élément <area> avec l'id spécifié dans l'ensemble.

Remarque :Retourne null si l'id n'existe pas.

Détails techniques

Version DOM : Core Level 2 Document Object
Valeur de retour :

Objet HTMLCollection, représentant tous les éléments <area> de la carte d'image du document.

Les éléments de l'ensemble sont classés dans l'ordre de leur apparition dans le code source.

Prise en charge des navigateurs

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Plus d'exemples

Exemple 2 : [index]

Obtenir l'URL du premier élément <area> dans la carte d'image :

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

Essayez-le vous-même

Le résultat de x sera :

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

Exemple 3 : item(index)

Obtenir l'URL du premier élément <area> dans la carte d'image :

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

Essayez-le vous-même

Le résultat de x sera :

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

Exemple 4 : namedItem(id)

Obtenir l'URL de l'élément <area> avec id="myArea" dans la carte d'image :

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

Essayez-le vous-même

Le résultat de x sera :

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

Exemple 5

Parcourir tous les éléments <area> de la carte d'image et afficher la forme de chaque zone :

var x = document.getElementById("planetmap");
var txt = "";
var i;
for (i = 0; i < x.areas.length; i++) {
  txt = txt + x.areas[i].shape + "<br>";
}

Essayez-le vous-même

Le résultat de x sera :

rect
circle
circle

Objet Map DOM HTML