пример
Узнайте, сколько <area> элементы находятся в определенном изображении-карте:
var x = document.getElementById("planetmap").areas.length;В результате х будет:
3 Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Коллекция областей возвращает коллекцию всех <area> элементов в изображении-карте.
Note: Элементы коллекции сортируются , как они появляются в исходном коде.
Совет: Для того, чтобы вернуть коллекцию всех <area> элементы , которые имеют атрибут HREF указанный, используйте ссылки коллекцию.
Поддержка браузеров
| Коллекция | |||||
|---|---|---|---|---|---|
| areas | да | да | да | да | да |
Синтаксис
mapObject .areasсвойства
| Имущество | Описание |
|---|---|
| length | Возвращает число <area> элементов в коллекции. Примечание: Это свойство только для чтения |
методы
| метод | Описание |
|---|---|
| [ index ] | Возвращает <area> элемент из коллекции с указанным индексом (starts at 0) . Примечание: Возвращает пустое значение , если индекс находится вне диапазона |
| item( index ) | Возвращает <area> элемент из коллекции с указанным индексом (starts at 0) . Примечание: Возвращает пустое значение , если индекс находится вне диапазона |
| namedItem( id ) | Возвращает <area> элемент из коллекции с указанным идентификатором. Примечание: возвращает нулевое значение , если идентификатор не существует |
Технические подробности
| DOM Версия: | Базовый уровень Объект 2 документа |
|---|---|
| Возвращаемое значение: | HTMLCollection Объект, представляющий все <area> элементов в изображении-карте в документе. Элементы коллекции сортируются, как они появляются в исходном коде |
Еще примеры
пример
[Индекс]
Получить URL первого <area> элемента в изображении-карте:
var x = document.getElementById("planetmap").areas[0].href;В результате х будет:
http://www.w3ii.com/jsref/sun.htm Попробуй сам " пример
item( index )
Получить URL первого <area> элемента в изображении-карте:
var x = document.getElementById("planetmap").areas.item(0).href;В результате х будет:
http://www.w3ii.com/jsref/sun.htm Попробуй сам " пример
namedItem( id )
Получить URL в <area> элемента с идентификатором = «myArea» в образ-карте:
var x = document.getElementById("planetmap").areas.namedItem("myArea").href;В результате х будет:
http://www.w3ii.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 Попробуй сам " <Карта объекта