Coleção de áreas do mapa
Exemplo
Descubra quantos elementos <area> existem em um mapa de imagem específico:
var x = document.getElementById("planetmap").areas.length;
O resultado de x será:
3
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A coleção areas retorna uma coleção de todos os elementos <area> em um mapa de imagem.
Observação: os elementos da coleção são classificados conforme aparecem no código-fonte.
Dica: Para retornar uma coleção de todos os elementos <area> que possuem um atributo href especificado, use a coleção de links .
Suporte ao navegador
| Collection | |||||
|---|---|---|---|---|---|
| areas | Yes | Yes | Yes | Yes | Yes |
Sintaxe
mapObject.areas
Propriedades
| Property | Description |
|---|---|
| length | Returns the number of <area> elements in the collection. Note: This property is read-only |
Métodos
| 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 |
Detalhes técnicos
| Versão DOM: | Objeto de documento de nível 2 principal |
|---|---|
| Valor de retorno: | Um objeto HTMLCollection, representando todos os elementos <area> em um mapa de imagem no documento. Os elementos da coleção são classificados conforme aparecem no código-fonte |
Mais exemplos
Exemplo
[ índice ]
Obtenha a URL do primeiro elemento <area> em um mapa de imagem:
var x = document.getElementById("planetmap").areas[0].href;
O resultado de x será:
https://www.w3schools.com/jsref/sun.htm
Exemplo
item ( índice )
Obtenha a URL do primeiro elemento <area> em um mapa de imagem:
var x = document.getElementById("planetmap").areas.item(0).href;
O resultado de x será:
https://www.w3schools.com/jsref/sun.htm
Exemplo
nomeadoItem( id )
Obtenha a URL do elemento <area> com id="myArea" em um mapa de imagem:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
O resultado de x será:
https://www.w3schools.com/jsref/mercur.htm
Exemplo
Percorra todos os elementos <area> em um mapa de imagem e produza a 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>";
}
O resultado do txt será:
rect
circle
circle
❮ Objeto de mapa