Map areas ក្រុម

HTML DOM Map Obheto

ការអនុវត្ត និងការប្រើ

area ក្រុម ត្រលប់ទាំងអស់នៅក្នុងផែនទីរូបភាព <area> សមាសភាគ ក្រុម

Komento:Ang mga elemento sa koleksyon ay ayusin ayon sa kanilang pagkakaroon sa pinagmulang kodigo.

ព្រមាន：សំរាប់ត្រូវអោយត្រលប់ទាំងអស់ដែលបានកំណត់ href អាត្រាទាំងអស់ <area> សមាសភាគ ក្រុម គាត់នឹងប្រើ links ក្រុម。

。

Mga halimbawa

Halimbawa 1

Alamin kung gaano karami ang <area> na elemento sa tinukoy na image mapping:

亲自试一试

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

Ang resulta ng x ay:

3

May higit pang mga halimbawa na TIY sa ibaba ng pahina.

SintaksismapObject

.areas

Halimbawa ng attribute: Paglalarawan
Halimbawa ng valor:

length

Komento:Ibalik ang bilang ng <area> na elemento sa koleksyon.

Ang katangian na ito ay readonly

Ang katangian na ito ay readonly Paglalarawan
[index]

Ibalik ang koleksyon na may id na naangkin na <area> na elemento (mula 0).

Komento:Kung ang numero ng index ay labas ng saklaw, ibabalik ang null.
item(index)

Ibalik ang koleksyon na may id na naangkin na <area> na elemento (mula 0).

Komento:Kung ang numero ng index ay labas ng saklaw, ibabalik ang null.
namedItem(id)

Ibalik ang koleksyon na may id na naangkin na <area> na elemento.

Komento:Kung ang id ay wala, ibabalik ang null.

Detalye ng teknolohiya

DOM na bersyon: Core Level 2 Document Object
Halimbawa ng pagbabalik:

HTMLCollection na bagay, na naglalarawan ng lahat ng <area> na elemento sa image mapping ng dokumento.

Ang mga elemento sa koleksyon ay ayusin ayon sa kanilang pagkakaroon sa pinagmulang kodigo.

Suporta ng browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporta Suporta Suporta Suporta Suporta

Higit pang mga halimbawa

Halimbawa 2: [index]

Kumuha ng URL ng unang <area> na elemento sa image mapping:

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

亲自试一试

x 的结果将是：

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

Halimbawa 3: item(index)

Kumuha ng URL ng unang <area> na elemento sa image mapping:

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

亲自试一试

x 的结果将是：

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

Halimbawa 4: namedItem(id)

Kumuha ng URL ng <area> na may id="myArea" sa image mapping:

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

亲自试一试

x 的结果将是：

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

Halimbawa 5

Tumalog sa lahat ng <area> na elemento ng image mapping at ipalabas ang hugis ng bawat area:

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

亲自试一试

x 的结果将是：

rect
circle
circle

HTML DOM Map Obheto