Exemple
Découvrez combien de <area> éléments il y a une image carte spécifique:
var x = document.getElementById("planetmap").areas.length;Le résultat de x sera:
3 Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La collection de zones retourne une collection de tous les <area> éléments dans un plan-image.
Note: Les éléments de la collection sont classés comme ils apparaissent dans le code source.
Astuce: Pour revenir une collection de tous les <area> des éléments qui ont un attribut href spécifié, utilisez les liens collection.
Support du navigateur
| Collection | |||||
|---|---|---|---|---|---|
| areas | Oui | Oui | Oui | Oui | Oui |
Syntaxe
mapObject .areasPropriétés
| Propriété | La description |
|---|---|
| length | Retourne le nombre de <area> des éléments de la collection. Note: Cette propriété est en lecture seule |
méthodes
| méthode | La description |
|---|---|
| [ index ] | Renvoie la <area> élément de la collection à l'index spécifié (starts at 0) à (starts at 0) . Remarque: renvoie null si le numéro d'index est hors de portée |
| item( index ) | Renvoie la <area> élément de la collection à l'index spécifié (starts at 0) à (starts at 0) . Remarque: renvoie null si le numéro d'index est hors de portée |
| namedItem( id ) | Renvoie la <area> élément de la collection avec l'id spécifié. Note: Retourne null si l'identifiant n'existe pas |
Détails techniques
| DOM Version: | Niveau Core 2 document objet |
|---|---|
| Valeur de retour: | Un objet HTMLCollection, représentant tous les <area> des éléments dans une carte-image dans le document. Les éléments de la collection sont classés comme ils apparaissent dans le code source |
autres exemples
Exemple
[Index]
Obtenir l'URL de la première <area> élément dans une carte-image:
var x = document.getElementById("planetmap").areas[0].href;Le résultat de x sera:
http://www.w3ii.com/jsref/sun.htm Essayez vous - même » Exemple
item( index )
Obtenir l'URL de la première <area> élément dans une carte-image:
var x = document.getElementById("planetmap").areas.item(0).href;Le résultat de x sera:
http://www.w3ii.com/jsref/sun.htm Essayez vous - même » Exemple
namedItem( id )
Obtenir l'URL de la <area> élément avec id = « MaZone » dans une carte-image:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;Le résultat de x sera:
http://www.w3ii.com/jsref/mercur.htm Essayez vous - même » Exemple
Boucle à travers tous les <area> éléments dans une image, la carte et la sortie de 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>";
}Le résultat de txt sera:
rect
circle
circle Essayez vous - même » <Carte objet