HTML DOM Document links 속성

정의와 사용법

문서 중 모든 링크의 집합을 반환합니다.

속성은 另请参阅:속성은

links

속성은 읽기 전용입니다。

집합 내 링크는 href 속성을 가진 <a> 및 <area> 요소를 나타냅니다。

HTML DOM Anchor 객체

HTML DOM Area 객체

HTML <a> 태그

HTML <area> 태그

HTML 링크

另请参阅:

另请参阅: HTMLCollection

HTML 요소와 유사한 배열형 집합(리스트)입니다。

속성 인덱스를 통해 집합 내 요소에 접근할 수 있습니다(0부터 시작)。

속성은 집합 내 요소의 수를 반환합니다。

인스턴스

예제 1

문서의 링크 수를 반환합니다:

}

let numb = document.links.length;

예제 3

예제 2

}

let url = document.links[0].href;

예제 3

문서의 첫 번째 링크의 URL을 가져옵니다:

}

let url = document.links.item(0).href;

예제 4

id="myLink" 요소의 URL을 가져옵니다:

}

let url = document.links.namedItem("myLink").href;

예제 5

문서의 첫 번째 링크에 빨간 경계선을 추가합니다:

}

document.links[0].style.border = "5px solid red";

예제 6

모든 링크를 순회하며 각 링크의 URL(href)를 출력합니다:
const links = document.links;
let text = "";
  for (let i = 0; i < links.length; i++) {
text += links[i].href + "<br>";

}

직접 테스트해 보세요

document.links

문법

문법 설명
속성 length

집합 내 요소의 수.

집합 내 요소의 수. 설명
메서드item([

index

지정된 인덱스의 요소를 반환합니다(0부터 시작)。

]item(namedItem(

index

지정된 인덱스의 요소를 반환합니다(0부터 시작)。

인덱스가 범위를 벗어나면 null을 반환합니다。idnamedItem(

) id 지정된

의 요소. id 존재하지 않으면 null을 반환합니다。

반환 값

타입 설명
객체

HTMLCollection 객체.

문서 내 모든 <a> 및 <area> 요소.

소스 코드에서 등장한 순서대로 정렬됩니다。

브라우저 지원

document.links DOM Level 1 (1998) 기능입니다。

모든 브라우저가 지원합니다:

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9-11 지원 지원 지원 지원