Kartområden samlning

HTML DOM Map-objekt

Definition och användning

area samlning returnerar alla area-element samlning.

Kommentar:Elementen i sätet är sorterade i den ordning de uppstår i källkoden.

Tips:om du vill återställa alla som är definierade med href-egenskapen area-element samlning, använd links samlning。

Exempel

Exempel 1

Finn hur många <area> element som finns i den angivna bildkartan:

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

Prova själv

Resultatet av x är:

3

Mer TIY-exempel finns längre ner på sidan.

Syntax

mapObject.areas

Egenskap

Värde Beskrivning
length

Returnerar antalet <area> element i sätet.

Kommentar:Detta är en skrivskyddad egenskap

Metod

Metod Beskrivning
[index]

Returnerar sätet med <area> element som har det angivna indexet (från 0).

Kommentar:Om indexnumret är utanför intervallet, returneras null.
item(index)

Returnerar sätet med <area> element som har det angivna indexet (från 0).

Kommentar:Om indexnumret är utanför intervallet, returneras null.
namedItem(id)

Returnerar sätet med <area> element som har det angivna id:et.

Kommentar:Om id inte finns, returneras null.

Tekniska detaljer

DOM-version: Core Level 2 Document Object
Returvärde:

HTMLCollection-objekt som representerar alla <area> element i dokumentets bildkarta.

Elementen i sätet är sorterade i den ordning de uppstår i källkoden.

Browserversioner

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stödjer Stödjer Stödjer Stödjer Stödjer

Mer exempel

Exempel 2: [index]

Hämta URL:en för det första <area>-elementet i bildkartan:

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

Prova själv

x resultat kommer att vara:

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

Exempel 3: item(index)

Hämta URL:en för det första <area>-elementet i bildkartan:

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

Prova själv

x resultat kommer att vara:

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

Exempel 4: namedItem(id)

Hämta URL:en för <area>-elementet med id="myArea" i bildkartan:

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

Prova själv

x resultat kommer att vara:

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

Exempel 5

Genomgå alla <area> element i bildkartan och skriv ut formen för varje område:

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

Prova själv

x resultat kommer att vara:

rektangel
cirkel
cirkel

HTML DOM Map-objekt