Exemplu
Aflați câte <area> elemente există într - o anumită imagine hartă:
var x = document.getElementById("planetmap").areas.length;Rezultatul x va fi:
3 Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Colecția zone returnează o colecție de toate <area> elemente dintr - o imagine-hartă.
Note: Elementele din colecție sunt sortate așa cum apar în codul sursă.
Indicație: Pentru a returna o colecție de toate <area> elemente care au un atribut href specificat, utilizați link - uri de colectare.
Suport pentru browser-
| Colectie | |||||
|---|---|---|---|---|---|
| areas | da | da | da | da | da |
Sintaxă
mapObject .areasProprietăți
| Proprietate | Descriere |
|---|---|
| length | Returnează numărul de <area> elemente din colecție. Notă: Această proprietate este read-only |
metode
| Metodă | Descriere |
|---|---|
| [ index ] | Returnează <area> element din colecția cu indicele specificat (starts at 0) de (starts at 0) . Notă: Returnează null dacă numărul de index este în afara intervalului |
| item( index ) | Returnează <area> element din colecția cu indicele specificat (starts at 0) de (starts at 0) . Notă: Returnează null dacă numărul de index este în afara intervalului |
| namedItem( id ) | Returnează <area> elementul din colecția cu id - ul specificat. Nota: returneaza null daca id - ul nu există |
Detalii tehnice
| DOM Versiune: | Nivelul Core 2 Document Object |
|---|---|
| Întoarcere Valoare: | Un obiect HTMLCollection, reprezentând toate <area> elemente dintr - o imagine hartă în document. Elementele din colecție sunt sortate așa cum apar în codul sursă |
Mai multe exemple
Exemplu
[Index]
Obține adresa URL a primului <area> elementul într - o imagine hartă:
var x = document.getElementById("planetmap").areas[0].href;Rezultatul x va fi:
http://www.w3ii.com/jsref/sun.htm Încearcă - l singur » Exemplu
item( index )
Obține adresa URL a primului <area> elementul într - o imagine hartă:
var x = document.getElementById("planetmap").areas.item(0).href;Rezultatul x va fi:
http://www.w3ii.com/jsref/sun.htm Încearcă - l singur » Exemplu
namedItem( id )
Obține adresa URL a <area> elementului cu id = „myArea“ într - o imagine-hartă:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;Rezultatul x va fi:
http://www.w3ii.com/jsref/mercur.htm Încearcă - l singur » Exemplu
Bucla prin toate <area> elemente dintr - o imagine-hartă și de ieșire forma fiecărei zone:
var x = document.getElementById("planetmap");
var txt = "";
var i;
for (i =
0; i < x.areas.length; i++) {
txt = txt + x.areas[i].shape
+ "<br>";
}Rezultatul txt va fi:
rect
circle
circle Încearcă - l singur » <Harta Obiect