Najnowsze tutoriale tworzenie stron internetowych
 

obszary map Collection

<Mapa obiektu

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

Przykłady

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