Przykład
Dowiedzieć się, jak wiele <area> elementy istnieją w konkretnym obrazu-mapy:
var x = document.getElementById("planetmap").areas.length;
Wynikiem X będzie:
3
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Kolekcja obszary zwraca kolekcję wszystkich <area> elementów w obrazie-mapie.
Note: elementy w kolekcji są klasyfikowane jako wydają w kodzie źródłowym.
Wskazówka: Aby powrócić kolekcję wszystkich <area> elementów, które mają atrybut href określony, należy użyć linki kolekcję.
Wsparcie przeglądarka
Kolekcja | |||||
---|---|---|---|---|---|
areas | tak | tak | tak | tak | tak |
Składnia
mapObject .areas
Nieruchomości
Nieruchomość | Opis |
---|---|
length | Zwraca liczbę <area> elementów w kolekcji. Uwaga: Ta właściwość jest tylko do odczytu |
metody
metoda | Opis |
---|---|
[ index ] | Zwraca <area> elementu z kolekcji z określonym indeksem (starts at 0) . Uwaga: Zwraca null, jeśli numer indeksu jest poza zasięgiem |
item( index ) | Zwraca <area> elementu z kolekcji z określonym indeksem (starts at 0) . Uwaga: Zwraca null, jeśli numer indeksu jest poza zasięgiem |
namedItem( id ) | Zwraca <area> element z kolekcji o podanym identyfikatorze. Uwaga: Zwraca null, jeśli id nie istnieje |
Szczegóły techniczne
DOM wersja: | Rdzeń Poziom 2 Document Object |
---|---|
Zwracana wartość: | Object HTMLCollection, reprezentujących wszystkie <area> elementów w obrazie-mapie w dokumencie. Elementy w kolekcji są klasyfikowane jako wydają w kodzie źródłowym |
Więcej przykładów
Przykład
[Indeks]
Uzyskaj adres URL pierwszej <area> elementu w obrazie-mapa:
var x = document.getElementById("planetmap").areas[0].href;
Wynikiem X będzie:
http://www.w3ii.com/jsref/sun.htm
Spróbuj sam " Przykład
item( index )
Uzyskaj adres URL pierwszej <area> elementu w obrazie-mapa:
var x = document.getElementById("planetmap").areas.item(0).href;
Wynikiem X będzie:
http://www.w3ii.com/jsref/sun.htm
Spróbuj sam " Przykład
namedItem( id )
Uzyskaj adres URL <area> elementu o id = „myArea” w obrazie-mapa:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
Wynikiem X będzie:
http://www.w3ii.com/jsref/mercur.htm
Spróbuj sam " Przykład
Pętla przez wszystkie <area> elementów w obrazie-map i wysyłać 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ędą:
rect
circle
circle
Spróbuj sam " <Mapa obiektu