최신 웹 개발 튜토리얼
 

HTML DOM는 컬렉션 링크

<문서 객체

예

문서에 얼마나 많은 링크 알아보십시오 :

var x = document.links.length;

X의 결과는 다음과 같습니다

5
»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

링크 모음은 문서에있는 모든 링크의 컬렉션을 반환합니다.

컬렉션의 링크를 나타내고 <a> 요소 및 / 또는 <area> A HREF 속성 요소.

참고 : 요소가없는 경우 href 속성을 아무 것도 반환되지 않습니다.

Note: 그들은 소스 코드에 나타나는 컬렉션의 요소가 분류되어 있습니다.

팁 : 또한 살펴 앵커 개체 와 지역 개체 .

브라우저 지원

수집
links 예 예 예 예 예

통사론

document.links

등록

재산 기술
length 수 리턴 <a> 및 / 또는 <area> 컬렉션 요소.

참고 :이 속성은 읽기 전용

행동 양식

방법 기술
[ index ] 수익 <a> 및 / 또는 <area> 지정된 인덱스 집합에서 원소 (starts at 0) .

주 : 인덱스 번호가 범위를 벗어 경우는 null를 돌려줍니다
item( index ) 수익 <a> 및 / 또는 <area> 지정된 인덱스 집합에서 원소 (starts at 0) .

주 : 인덱스 번호가 범위를 벗어 경우는 null를 돌려줍니다
namedItem( id ) 수익 <a> 및 / 또는 <area> 지정된 ID와 컬렉션 소자.

참고 : ID가 존재하지 않는 경우는 null를 돌려줍니다

기술적 세부 사항

DOM 버전 : 코어 레벨 1 문서 객체
반환 값 : 모든 나타내는 HTMLCollection 개체, <a> 요소 및 / 또는 <area> 문서의 요소를. 그들은 소스 코드에 나타나는 컬렉션의 요소는 분류되어 있습니다
예

더 예

예

[인덱스]

첫 번째 링크의 URL 가져 오기 (index 0) 문서를 :

var x = document.links[0].href;

X의 결과는 다음과 같습니다

http://www.w3ii.com/jsref/sun.htm
»그것을 자신을 시도

예

item( index )

첫 번째 링크의 URL 가져 오기 (index 0) 문서를 :

var x = document.links.item(0).href;

X의 결과는 다음과 같습니다

http://www.w3ii.com/jsref/sun.htm
»그것을 자신을 시도

예

namedItem( id )

문서 ID = "내 링크"를 가진 요소의 URL을 가져옵니다 :

var x = document.links.namedItem("myLink").href;

X의 결과는 다음과 같습니다

http://www.w3ii.com/html/default.html
»그것을 자신을 시도

예

문서의 첫 번째 링크에 빨간색 테두리를 추가 :

document.links[0].style.border = "5px solid red";
»그것을 자신을 시도

예

문서의 모든 링크를 통해 루프 및 출력 URL (href) 각 링크 :

var x = document.links;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x[i].href + "<br>";
}

TXT의 결과는 다음과 같습니다

http://www.w3ii.com/jsref/sun.htm
http://www.w3ii.com/jsref/mercur.htm
http://www.w3ii.com/jsref/venus.htm
http://www.w3ii.com/html/default.html
http://www.w3ii.com/css/default.html
»그것을 자신을 시도

관련 페이지

자바 스크립트 참조 : HTML DOM 앵커 개체

자바 스크립트 참조 : HTML DOM 지역 개체

HTML 튜토리얼 : HTML 링크

HTML 참조 : HTML <a> 태그

HTML 참조 : HTML <area> 태그

<문서 객체