最新のWeb開発のチュートリアル
 

地図エリアコレクション

<マップオブジェクト

どのように多くを見つける<area>特定の画像マップにある要素:

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

xの結果は次のようになります。

3
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

エリアコレクションは、すべてのコレクションを返し<area>画像マップ内の要素を。

Note:彼らはソースコードに表示されるコレクションの要素がソートされています。

ヒント:すべてのコレクションを返すには、 <area> 、指定されたhref属性を持つ要素を使用したリンクのコレクションを。


ブラウザのサポート

コレクション
areas はい はい はい はい はい

構文

mapObject .areas

プロパティ

プロパティ 説明
length 数を返します<area>コレクションの要素を。

注:このプロパティは読み取り専用です

メソッド

方法 説明
[ index ] 戻り値<area>指定されたインデックスを持つコレクションから要素が(starts at 0)

注意:インデックス番号が範囲外の場合はnullを返します。
item( index ) 戻り値<area>指定されたインデックスを持つコレクションから要素が(starts at 0)

注意:インデックス番号が範囲外の場合はnullを返します。
namedItem( id ) 戻り値<area>指定されたIDを持つコレクションから要素を。

注意:idが存在しない場合はnullを返します。

技術的な詳細

DOMバージョン: コアレベル2ドキュメントオブジェクト
戻り値: 全て表すHTMLCollectionオブジェクト、 <area>文書の画像マップの要素を。 彼らはソースコードに表示されるコレクションの要素がソートされています

例

その他の例

[ インデックス ]

最初のURLを取得<area>画像マップ内の要素を:

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

xの結果は次のようになります。

http://www.w3ii.com/jsref/sun.htm
»それを自分で試してみてください

item( index )

最初のURLを取得<area>画像マップ内の要素を:

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

xの結果は次のようになります。

http://www.w3ii.com/jsref/sun.htm
»それを自分で試してみてください

namedItem( id )

URLを取得<area>画像マップ内のid =「myArea」を持つ要素を:

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

xの結果は次のようになります。

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
»それを自分で試してみてください

<マップオブジェクト