예
얼마나 많은 알아 <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 »그것을 자신을 시도 <지도 개체