JavaScript에서 링크(<a> 태그)의 href 속성 값을 가져오려면 href 프로퍼티를 사용하면 됩니다. 이 프로퍼티는 해당 링크가 연결된 문서의 전체 URL을 문자열 형태로 반환합니다.
예제
다음 예제 코드를 실행하면 링크 요소의 href 속성 값을 화면에 출력할 수 있습니다. 먼저 document.getElementById() 메서드로 특정 id를 가진 앵커 요소를 선택한 뒤, 해당 요소의 href 프로퍼티 값을 읽어오는 방식입니다.
<!DOCTYPE html>
<html>
<body>
<p><a id="anchorid" href="https://www.qries.com/">Qries</a></p>
<script>
var myLink = document.getElementById("anchorid").href;
document.write("Link: "+myLink);
</script>
</body>
</html>
실행 결과
위 코드를 실행하면 아래와 같은 결과가 출력됩니다.
Link: https://www.qries.com/
참고: href 프로퍼티는 HTML 소스에 작성된 상대 경로가 아니라, 브라우저가 해석한 절대 URL(전체 주소)을 반환합니다. 만약 HTML에 작성된 원본 값 그대로가 필요하다면 getAttribute('href') 메서드를 사용하는 것이 좋습니다.