Kortlægning områder samling

HTML DOM Map objekt

Definition og brug

area Samling returnerer alle <area> element samling.

Kommentar:Elementerne i samlingen sorteres efter deres optræden i kildekoden.

Vedvisning:Hvis du vil returnere alle de definerede href-attributterne <area> element samling, brug links samling。

Eksempel

Eksempel 1

Find ud af, hvor mange <area> elementer der er i det angivne billedkort:

var x = document.getElementById("planetmap").areas.length;

Prøv det selv

Resultatet af x er:

3

Der er flere TIY-eksempler nedenfor på siden.

Syntaks

mapObject.areas

Egenskab

Værdi Beskrivelse
length

Returnerer antallet af <area> elementer i samlingen.

Kommentar:Denne egenskab er skrivebeskyttet

Metode

Metode Beskrivelse
[index]

Returnerer samlingen med det angivne <area> element med indeks (fra 0).

Kommentar:Returnerer null, hvis indeksnummeret er uden for rækkevidde.
item(index)

Returnerer samlingen med det angivne <area> element med indeks (fra 0).

Kommentar:Returnerer null, hvis indeksnummeret er uden for rækkevidde.
namedItem(id)

Returnerer samlingen med det angivne <area> element med id.

Kommentar:Returnerer null, hvis id ikke findes.

Tekniske detaljer

DOM-version: Core Level 2 Document Object
Returværdi:

HTMLCollection-objekt, der repræsenterer alle <area> elementer i dokumentets billedkort.

Elementerne i samlingen sorteres efter deres optræden i kildekoden.

Browsertilstand

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Understøtter Understøtter Understøtter Understøtter Understøtter

Flere eksempler

Eksempel 2: [index]

Få URL'en for det første <area> element i billedkortet:

var x = document.getElementById("planetmap").areas[0].href;

Prøv det selv

x resultat vil være:

https://www.codew3c.com/jsref/sun.html

Eksempel 3: item(index)

Få URL'en for det første <area> element i billedkortet:

var x = document.getElementById("planetmap").areas.item(0).href;

Prøv det selv

x resultat vil være:

https://www.codew3c.com/jsref/sun.html

Eksempel 4: namedItem(id)

Få URL'en for <area> elementet med id="myArea" i billedkortet:

var x = document.getElementById("planetmap").areas.namedItem("myArea").href;

Prøv det selv

x resultat vil være:

https://www.codew3c.com/jsref/mercur.html

Eksempel 5

Gennemgå alle <area> elementer i billedkortet og udskriv formen for hver region:

var x = document.getElementById("planetmap");
var txt = "";
var i;
for (i = 0; i < x.areas.length; i++) {
  txt = txt + x.areas[i].shape + "<br>";
}

Prøv det selv

x resultat vil være:

rektangel
cirkel
cirkel

HTML DOM Map objekt