Latest web development tutorials

HTML DOM지도 영역 설정

지도 객체 참조 지도 개체

예

이미지 맵 <지역> 요소의 수를 가져옵니다 :

VAR X = document.getElementById를 ( "planetmap"); areas.length

X 출력 값 :

3

»시도

정의 및 사용

이미지 맵의 모든 <분야> 요소의 집합을 반환하도록 설정 영역.

주 : 소스 코드 순으로 정렬 집합의요소.

팁 : href가 모든 <지역> 요소가 지정된 속성 세트를 반환해야 할 경우, '당신은 사용할 필요가 링크 모음.

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

모든 주요 브라우저는 수집 영역을 지원합니다.

문법

mapObject의 .areas

재산

재산 기술
길이 컬렉션의 수를 돌려줍니다 <지역> 요소

방법

방법 기술
[Name_or_index] 검색 할 요소를 지정하는 문자열 또는 정수 (인덱스는 0부터 시작)
항목(name_or_index) 컬렉션에서 요소의 인덱스 / 이름 / ID를 돌려줍니다
namedItem(name_or_id) 요소의 모음 (이름 또는 id 속성)에서 지정된 이름을 돌려줍니다

더 많은 예제

예

[Name_or_index]

첫 번째 맵 이미지의 URL <지역> 요소를 가져 오기 :

VAR X = document.getElementById를 ( "planetmap") 지역 [0] .href;

»시도

예

항목 (name_or_index)

첫 번째 맵 이미지의 URL <지역> 요소를 가져 오기 :

VAR X = document.getElementById를 ( "planetmap") areas.item (0) .href;

»시도

예

namedItem (name_or_id)

= <지역> 요소의 URL의 "myArea"를 이미지 맵 ID를 취득 :

VAR X = document.getElementById를 ( "planetmap") areas.namedItem ( "myArea") href가 ..;

»시도

예

형상 이미지 맵의 모든 <지역> 요소에 타 :

VAR X = document.getElementById를 ( "planetmap");
var에 TXT = "";
대한 (var에 나는 = 0; 나는 x.areas.length을 <; 내가 ++)
{
TXT = TXT + x.areas [i]를 .shape + "로 <br>";
}
중요 document.getElementById ( "데모") innerHTML을 = TXT;

»시도

지도 객체 참조 지도 개체