문서에 기술된 순서로 구성된 모든 map 개체에 소속된 area 개체들의 배열변수인 컬렉션을 반환한다.

인수
: (개체)
필수적인 요소이고 컬렉션을 포함하는 모체 개체이다.

cVal : (컬렉션)
선택적인 요소이고 값은 컬렉션을 나타내는 개체이다.

oVal : (개체)
선택적인 요소이고 값은 컬렉션의 한개의 엘레멘트 개체이다.

index : (정수/문자열)
필수적인 요소이고 값은 컬렉션의 인수나 문자열로 한개의 엘레멘트 개체나 다른 컬렉션을 참조할수 있고 배열변수의 규칙에따라 0부터 시작하고 제일 마지막 인수는 길이보다 1 작다. 같은 name이나 id 속성을 가진 개체들이 있는 경우에는 컬렉션을 반환한다.

subIndex : (문자열)
선택적인 요소이고 값은 컬렉션의 반환받고저 하는 개체의 위치를 지정하며 name이나 id 속성값을 지정하는 문자열이다. 일치하는 개체나 컬렉션을 반환한다.

특기

areas에 area를 추가하거나 삭제할 수 있다.
같은 인식자들이 있으면 그 인식자 이름으로 컬렉션이 반환되며, 배열변수 규칙에 따라 참조하여야 한다.

area를 추가하기 위해서는 createElement와 add 메서드들을 사용하며, insertAdjacentHTML 메서드를 사용할 수도 있다.

적용
개체scriptHTML규격IE
참조

이 컬렉션은 (영문)DOM Level 1(W3C Document Object Model)에 정의되었다.


설명을 위한 예제

웹배우기 
<IMG src="../../gif/mapsample.gif" usemap="#mapname" border=1>
<MAP name="mapname">
<AREA id=areaObj shape="rect" coords="1,1,86,26" href="http://trio.co.kr/autorefer.html#top" target="_html"
  name="area1" accessKey="j" add="testAdd" alt="웹배우기" tabIndex="1">
<AREA id=area2 shape="rect" coords="1,27,86,52" href="http://trio.co.kr/autositelink.html" target="_html">
<AREA id=area3 shape="rect" coords="1,53,86,78" href="http://trio.co.kr/main/index.html" target="_html">
<AREA id=area4 shape="rect" coords="1,79,86,106" href="http://koxo.com/bbs/koxobbs.cgi?db=bbs" target="_html">
<AREA id=area5 shape="rect" coords="1,107,86,130" href="http://trio.co.kr/main/sitemap.html" target="_html"></MAP>

length 속성 IE
⇒ 컬렉션의 길이를 반환하거나 지정한다.
문법: [iVal=].length
코드: oObj=mapObj.areas;document.write(oObj.length); 결과:

add 메서드 IE
⇒ 컬렉션에 한개의 controlRange 개체나 options 컬렉션을 추가한다.
문법: [oVal=].add('iVal')
코드: document.write(oObj.length+'⇒');newObj=document.createElement('area');newObj.coords='1,1,100,100';newObj.id='addedObj';oObj.add(newObj);document.write(oObj.length+' | '+oObj.namedItem('addedObj').coords) 결과:
item 메서드 IE
⇒ 인덱스로 컬렉션의 한개의 개체를 반환한다.
문법: [oVal=].item('iVal')
코드: document.write(oObj.item(0).name) 결과:
namedItem 메서드 IE6
⇒ 이름(name)이나 인식자(id) 문자열에 해당하는 컬렉션에서 한개의 개체나 하부 컬렉션을 반환한다.
문법: [oVal=].item('sVal')
코드: document.write(oObj.namedItem('area3').coords) 결과:
remove 메서드 IE
⇒ 컬렉션에 한개의 controlRange 개체나 options 컬렉션에서 삭제한다.
문법: [oVal=].remove('iVal')
코드: oObj.remove(oObj.length-1); if (oObj.namedItem('addedObj')) document.write(oObj.namedItem('addedObj').coords);else document.write('제거되었다. | '+oObj.length) 결과:
tags 메서드 IE
⇒ 컬렉션에서 HTML 엘레멘트 이름 문자열과 일치하는 엘레멘트들의 컬렉션이나 한개의 엘레맨트 개체를 반환한다.
문법: [oVal=].tags('sVal')
코드: document.write(oObj.tags('area')[2].id) 결과:
urns 메서드 IE
⇒ behavior가 첨부된 모든 개체의 컬렉션을 반환한다.
문법: [oVal=].urns('sVal')
코드: document.write(oObj.urns('../public/hilite.htc')) 결과: