Map areas verzameling

HTML DOM Map Object

Definitie en gebruik

area De verzameling retourneert alle <area> element de verzameling.

Opmerking:De elementen in de set zijn gesorteerd op de volgorde waarin ze in de broncode verschijnen.

Tip:Om alle al vastgelegde href-eigenschappen te retourneren <area> element de verzameling, gebruik links verzameling。

Voorbeeld

Voorbeeld 1

Ontdek hoeveel <area> elementen er in het gespecificeerde afbeeldingsmappings zijn:

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

Try it yourself

Het resultaat van x is:

3

Er zijn meer TIY voorbeelden onder de pagina.

Syntax

mapObject.areas

Eigenschap

Waarde Beschrijving
length

Retourneert het aantal <area> elementen in de set.

Opmerking:Dit eigenschap is alleen lezen

Methode

Methode Beschrijving
[index]

Retourneert het <area> element met het gespecificeerde index in de set (beginnend bij 0).

Opmerking:Retourneert null als het indexnummer buiten bereik is.
item(index)

Retourneert het <area> element met het gespecificeerde index in de set (beginnend bij 0).

Opmerking:Retourneert null als het indexnummer buiten bereik is.
namedItem(id)

Retourneert de <area> elementen met het gespecificeerde id in de set.

Opmerking:Retourneert null als het id niet bestaat.

Technische details

DOM versie: Core Level 2 Document Object
Retourwaarde:

HTMLCollection object, dat alle <area> elementen in het afbeeldingsmappings van het document vertegenwoordigt.

De elementen in de set zijn gesorteerd op de volgorde waarin ze in de broncode verschijnen.

Browserondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning

Meer voorbeelden

Voorbeeld 2: [index]

Verkrijg de URL van het eerste <area> element in het afbeeldingsmappings:

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

Try it yourself

The result of x will be:

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

Voorbeeld 3: item(index)

Verkrijg de URL van het eerste <area> element in het afbeeldingsmappings:

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

Try it yourself

The result of x will be:

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

Voorbeeld 4: namedItem(id)

Verkrijg de URL van het <area> element met id="myArea" in het afbeeldingsmappings:

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

Try it yourself

The result of x will be:

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

Voorbeeld 5

Doorloop over alle <area> elementen in het afbeeldingsmappings en geef de vorm van elke regio uit:

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

Try it yourself

The result of x will be:

rect
circle
circle

HTML DOM Map Object