JavaScript에서 링크의 hreflang 속성 값을 가져오려면 hreflang 프로퍼티를 사용하면 됩니다. hreflang 속성은 연결된 문서의 언어를 지정하는 데 사용되며, 다국어 웹사이트에서 검색 엔진 최적화(SEO)와 사용자 경험 개선을 위해 자주 활용됩니다.
예제
다음 코드를 실행하면 앵커 태그에 설정된 hreflang 속성의 값을 확인할 수 있습니다.
<!DOCTYPE html>
<html>
<body>
<p><a id="anchorid" hreflang="en-us" href="https://www.qries.com/">Qries</a></p>
<script>
var myHrefLang = document.getElementById("anchorid").hreflang;
document.write("Value of hreflang attribute: "+myHrefLang);
</script>
</body>
</html>코드 설명
위 예제에서는 document.getElementById() 메서드로 ID가 anchorid인 앵커 요소를 선택한 뒤, 해당 요소의 hreflang 프로퍼티에 접근하여 값을 읽어옵니다. 이 경우 결과값으로 en-us가 출력됩니다.
또한 getAttribute("hreflang") 메서드를 사용하면 동일한 결과를 얻을 수 있으며, 표준 프로퍼티가 아닌 사용자 정의 속성을 다룰 때는 이 방식이 더 유용합니다.