conjunto de áreas de mapa
Definición y uso
áreas definidas en el mapa de imágenes conjunto devuelve todos los elemento <area> conjunto.
Comentarios:Los elementos de la colección se ordenan según su aparición en el código fuente.
Consejo:si desea devolver todos los elementos <area> que han especificado el atributo href elemento <area> conjunto, utilice conjunto de enlaces。
Ejemplo
Ejemplo 1
Determinar cuántos elementos <area> hay en el mapeo de imágenes especificado:
var x = document.getElementById("planetmap").areas.length;
El resultado de x es:
3
Más ejemplos TIY a continuación en la página.
Sintaxis
mapObject.areas
Atributo
| Valor | Descripción |
|---|---|
| length |
Devuelve la cantidad de elementos <area> en la colección. Comentarios:Esta propiedad es de solo lectura |
Método
| Método | Descripción |
|---|---|
| [index] |
Devuelve el elemento <area> en la colección con el índice especificado (comienza en 0). Comentarios:Si el número de índice está fuera de rango, devuelve null. |
| item(index) |
Devuelve el elemento <area> en la colección con el índice especificado (comienza en 0). Comentarios:Si el número de índice está fuera de rango, devuelve null. |
| namedItem(id) |
Devuelve la colección con el elemento <area> que tiene el id especificado. Comentarios:Si el id no existe, devuelve null. |
Detalles técnicos
| Versión DOM: | Nivel 2 Document Object Core |
|---|---|
| Valor de retorno: |
Objeto HTMLCollection, que representa todos los elementos <area> en el mapeo de imágenes del documento. Los elementos de la colección se ordenan según su aparición en el código fuente. |
Compatibilidad del navegador
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Soporte | Soporte | Soporte | Soporte | Soporte |
Más ejemplos
Ejemplo 2: [index]
Obtener la URL del primer elemento <area> en el mapeo de imágenes:
var x = document.getElementById("planetmap").areas[0].href;
El resultado de x será:
https://www.codew3c.com/jsref/sun.html
Ejemplo 3: item(index)
Obtener la URL del primer elemento <area> en el mapeo de imágenes:
var x = document.getElementById("planetmap").areas.item(0).href;
El resultado de x será:
https://www.codew3c.com/jsref/sun.html
Ejemplo 4: namedItem(id)
Obtener la URL del elemento <area> con id="myArea" en el mapeo de imágenes:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
El resultado de x será:
https://www.codew3c.com/jsref/mercur.html
Ejemplo 5
Recorrer todos los elementos <area> del mapeo de imágenes y 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 x será:
rect circle circle
