Коллекция областей карты
Пример
Узнайте, сколько элементов <area> есть в конкретной карте изображения:
var x = document.getElementById("planetmap").areas.length;
Результатом х будет:
3
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Коллекция областей возвращает коллекцию всех элементов <area> в карте-изображении.
Примечание . Элементы в коллекции сортируются так, как они появляются в исходном коде.
Совет: Чтобы вернуть коллекцию всех элементов <area> с указанным атрибутом href, используйте коллекцию ссылок .
Поддержка браузера
Collection | |||||
---|---|---|---|---|---|
areas | Yes | Yes | Yes | Yes | Yes |
Синтаксис
mapObject.areas
Характеристики
Property | Description |
---|---|
length | Returns the number of <area> elements in the collection. Note: This property is read-only |
Методы
Method | Description |
---|---|
[index] | Returns the <area> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <area> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <area> element from the collection with the specified id. Note: Returns null if the id does not exist |
Технические детали
Версия ДОМ: | Базовый объект документа уровня 2 |
---|---|
Возвращаемое значение: | Объект HTMLCollection, представляющий все элементы <area> на карте изображения в документе. Элементы в коллекции сортируются так, как они появляются в исходном коде. |
Дополнительные примеры
Пример
[ индекс ]
Получите URL-адрес первого элемента <area> на карте изображения:
var x = document.getElementById("planetmap").areas[0].href;
Результатом х будет:
https://www.w3schools.com/jsref/sun.htm
Пример
элемент ( индекс )
Получите URL-адрес первого элемента <area> на карте изображения:
var x = document.getElementById("planetmap").areas.item(0).href;
Результатом х будет:
https://www.w3schools.com/jsref/sun.htm
Пример
именованный элемент ( идентификатор )
Получите URL-адрес элемента <area> с id="myArea" на карте изображения:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;
Результатом х будет:
https://www.w3schools.com/jsref/mercur.htm
Пример
Прокрутите все элементы <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>";
}
Результатом txt будет:
rect
circle
circle
❮ Объект карты