Latest web development tutorials

HTML DOM Carte des zones définies

Carte Object Reference Carte Object

Exemples

Obtenez le nombre d'image map élément <area>:

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

Les valeurs x de sortie:

3

Essayez »

Définitions et utilisation

zones définies pour retourner une collection de <area> élément de la carte d'image.

Remarque: Les éléments de la collection triée par ordre de code source.

Astuce: Si vous avez besoin de retourner un ensemble d'attributs href <area> est spécifié, 'Vous devez utiliser le liens collection.


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs prennent en charge les zones de collecte.


grammaire

.areas MapObject

propriété

propriété description
longueur Retourne le numéro de la collection élément <area>

manière

manière description
[Name_or_index] Chaîne ou entier qui spécifie l'élément à récupérer (index commençant par 0)
item(name_or_index) Renvoie l'index / nom / id de l'élément de la collection
namedItem(name_or_id) Renvoie le nom spécifié de la collection d'éléments (attribut name ou id)


D'autres exemples

Exemples

[Name_or_index]

Obtenez une carte URL de l'image premier élément <area>:

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

Essayez »

Exemples

item (name_or_index)

Obtenez une carte URL de l'image premier élément <area>:

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

Essayez »

Exemples

namedItem (name_or_id)

L'acquisition d'une image map id = "MyArea" d'élément <area> URL:

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

Essayez »

Exemples

Prenez l'image de forme de carte <area> élément:

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

Essayez »


Carte Object Reference Carte Object