例
どのように多くを見つける<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 »それを自分で試してみてください <マップオブジェクト