Kolekcja obszarów mapy
Przykład
Dowiedz się, ile elementów <area> znajduje się w określonej mapie obrazu:
var x = document.getElementById("planetmap").areas.length;
Wynikiem x będzie:
3
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Kolekcja area zwraca kolekcję wszystkich elementów <area> w mapie obrazu.
Uwaga: elementy w kolekcji są sortowane tak, jak pojawiają się w kodzie źródłowym.
Wskazówka: Aby zwrócić kolekcję wszystkich elementów <area>, które mają określony atrybut href, użyj kolekcji links .
Obsługa przeglądarki
| Collection | |||||
|---|---|---|---|---|---|
| areas | Yes | Yes | Yes | Yes | Yes |
Składnia
mapObject.areas
Nieruchomości
| Property | Description |
|---|---|
| length | Returns the number of <area> elements in the collection. Note: This property is read-only |
Metody
| 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 |
Szczegóły techniczne
| Wersja DOM: | Podstawowy obiekt dokumentu poziomu 2 |
|---|---|
| Wartość zwrotu: | Obiekt HTMLCollection reprezentujący wszystkie elementy <area> w mapie obrazu w dokumencie. Elementy w kolekcji są sortowane tak, jak pojawiają się w kodzie źródłowym |
Więcej przykładów
Przykład
[ indeks ]
Uzyskaj adres URL pierwszego elementu <area> w mapie obrazu:
var x = document.getElementById("planetmap").areas[0].href;
Wynikiem x będzie:
https://www.w3schools.com/jsref/sun.htm
Przykład
pozycja ( indeks )
Uzyskaj adres URL pierwszego elementu <area> w mapie obrazu:
var x = document.getElementById("planetmap").areas.item(0).href;
Wynikiem x będzie:
https://www.w3schools.com/jsref/sun.htm
Przykład
nazwany przedmiot ( id )
Uzyskaj adres URL elementu <area> z id="myArea" w mapie obrazu:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
Wynikiem x będzie:
https://www.w3schools.com/jsref/mercur.htm
Przykład
Przeprowadź pętlę przez wszystkie elementy <area> w mapie obrazu i wypisz kształt każdego obszaru:
var x = document.getElementById("planetmap");
var txt = "";
var i;
for (i = 0; i < x.areas.length; i++) {
txt = txt + x.areas[i].shape + "<br>";
}
Wynikiem txt będzie:
rect
circle
circle
❮ Obiekt mapy