JavaScript에서 링크(<a> 태그)의 target 속성 값을 확인하려면 해당 DOM 요소의 target 프로퍼티를 사용하면 됩니다. 별도의 복잡한 처리 없이 getElementById()로 요소를 선택한 뒤 .target에 접근하는 것만으로 값을 손쉽게 읽어올 수 있습니다.
예제 코드
<!DOCTYPE html>
<html>
<body>
<p><a id = "qriesid" target="_self" href = "https://qries.com/" type = "text/html">Qries</a></p>
<script>
var x = document.getElementById("qriesid").target;
document.write("target 속성 값: " + x);
</script>
</body>
</html>
위 코드를 실행하면 id가 qriesid인 링크 요소의 target 속성 값인 _self가 화면에 출력됩니다.
target 속성의 주요 값
- _self — 현재 창(또는 현재 프레임)에서 링크를 엽니다. 기본값입니다.
- _blank — 새 창 또는 새 탭에서 링크를 엽니다.
- _parent — 부모 프레임에서 링크를 엽니다.
- _top — 프레임 구조를 무시하고 전체 창에서 링크를 엽니다.
참고 사항
예제에서 사용한 document.write()는 페이지 로딩 이후 호출 시 문서 전체를 덮어쓸 수 있어 실무에서는 권장되지 않습니다. 디버깅 목적이라면 console.log(x)를, 화면에 표시하려면 element.textContent나 innerHTML을 활용하는 것이 더 안전합니다.