JavaScript에서 링크(<a> 태그)의 rel 속성 값을 가져오려면 rel 프로퍼티를 사용하면 됩니다. rel 속성은 현재 문서와 연결된 페이지 간의 관계를 나타내며, 특히 검색 엔진 최적화(SEO)와 관련하여 링크를 따라갈지 여부를 설정하는 follow와 nofollow 값으로 널리 사용됩니다.
예제
아래 코드를 실행하면 링크 요소의 rel 속성 값을 손쉽게 확인할 수 있습니다. document.getElementById()로 해당 앵커 요소를 선택한 뒤, .rel 프로퍼티에 접근하는 방식입니다.
<!DOCTYPE html>
<html>
<body>
<p><a id="anchorid" rel="nofollow" href="https://www.qries.com/">Qries</a></p>
<script>
var myVal = document.getElementById("anchorid").rel;
document.write("Value of rel attribute: "+myVal);
</script>
</body>
</html>실행 결과
위 코드를 브라우저에서 실행하면 다음과 같은 결과가 출력됩니다.
Value of rel attribute: nofollow
이처럼 rel 프로퍼티를 활용하면 링크의 관계 정보를 JavaScript로 간편하게 읽어올 수 있으며, 반대로 값을 할당하여 동적으로 rel 속성을 변경하는 것도 가능합니다.