Zones cartographiques Collection
Exemple
Découvrez combien d'éléments <area> il y a dans une image-map spécifique :
var x = document.getElementById("planetmap").areas.length;
Le résultat de x sera :
3
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La collection de zones renvoie une collection de tous les éléments <area> dans une image-map.
Remarque : Les éléments de la collection sont triés tels qu'ils apparaissent dans le code source.
Astuce : Pour renvoyer une collection de tous les éléments <area> qui ont un attribut href spécifié, utilisez la collection links .
Prise en charge du navigateur
Collection | |||||
---|---|---|---|---|---|
areas | Yes | Yes | Yes | Yes | Yes |
Syntaxe
mapObject.areas
Propriétés
Property | Description |
---|---|
length | Returns the number of <area> elements in the collection. Note: This property is read-only |
Méthodes
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 |
Détails techniques
Version DOM : | Objet de document de niveau 2 de base |
---|---|
Valeur de retour : | Un objet HTMLCollection, représentant tous les éléments <area> dans une image cliquable dans le document. Les éléments de la collection sont triés tels qu'ils apparaissent dans le code source |
Plus d'exemples
Exemple
[ indice ]
Obtenez l'URL du premier élément <area> dans une image-map :
var x = document.getElementById("planetmap").areas[0].href;
Le résultat de x sera :
https://www.w3schools.com/jsref/sun.htm
Exemple
article ( indice )
Obtenez l'URL du premier élément <area> dans une image-map :
var x = document.getElementById("planetmap").areas.item(0).href;
Le résultat de x sera :
https://www.w3schools.com/jsref/sun.htm
Exemple
nomméItem( id )
Obtenez l'URL de l'élément <area> avec id="myArea" dans une image-map :
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
Le résultat de x sera :
https://www.w3schools.com/jsref/mercur.htm
Exemple
Parcourez tous les éléments <area> dans une image-map et affichez 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
❮ Objet cartographique