Ejemplo
Averiguar cuántos <area> elementos que hay en una imagen de mapa específico:
var x = document.getElementById("planetmap").areas.length;El resultado de x será:
3 Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La colección áreas devuelve una colección de todos los <area> elementos en una imagen-mapa.
Note: Los elementos de la colección están ordenados como aparecen en el código fuente.
Consejo: Para devolver una colección de todos los <area> elementos que tienen un atributo href especifica, utilice el enlaces colección.
Soporte del navegador
| Colección | |||||
|---|---|---|---|---|---|
| areas | Sí | Sí | Sí | Sí | Sí |
Sintaxis
mapObject .areaspropiedades
| Propiedad | Descripción |
|---|---|
| length | Devuelve el número de <area> elementos de la colección. Nota: Esta propiedad es de sólo lectura |
métodos
| Método | Descripción |
|---|---|
| [ index ] | Devuelve el <area> elemento de la colección con el índice especificado (starts at 0) . Nota: Devuelve un valor nulo si el número de índice está fuera de rango |
| item( index ) | Devuelve el <area> elemento de la colección con el índice especificado (starts at 0) . Nota: Devuelve un valor nulo si el número de índice está fuera de rango |
| namedItem( id ) | Devuelve el <area> elemento de la colección con el id especificado. Nota: Devuelve un valor nulo si el identificador no existe |
Detalles técnicos
| DOM Versión: | Nivel básico Objeto Documento 2 |
|---|---|
| Valor de retorno: | Un objeto HTMLCollection, que representa a todos <area> elementos en una imagen de mapa de en el documento. Los elementos de la colección están ordenados como aparecen en el código fuente |
Más ejemplos
Ejemplo
[Índice]
Obtener la URL de la primera <area> elemento en una imagen de mapa de:
var x = document.getElementById("planetmap").areas[0].href;El resultado de x será:
http://www.w3ii.com/jsref/sun.htm Inténtalo tú mismo " Ejemplo
item( index )
Obtener la URL de la primera <area> elemento en una imagen de mapa de:
var x = document.getElementById("planetmap").areas.item(0).href;El resultado de x será:
http://www.w3ii.com/jsref/sun.htm Inténtalo tú mismo " Ejemplo
namedItem( id )
Obtener la URL de la <area> elemento con id = "MiArea" en una imagen de mapa de:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;El resultado de x será:
http://www.w3ii.com/jsref/mercur.htm Inténtalo tú mismo " Ejemplo
Loop a través de todos <area> elementos en una imagen de mapa de y la salida la forma de cada área:
var x = document.getElementById("planetmap");
var txt = "";
var i;
for (i =
0; i < x.areas.length; i++) {
txt = txt + x.areas[i].shape
+ "<br>";
}El resultado de txt será:
rect
circle
circle Inténtalo tú mismo " <Objeto de mapa