JavaScript에서 링크(<a> 태그)의 type 속성 값을 확인하고 싶다면, DOM에서 제공하는 type 프로퍼티를 사용하면 됩니다. 이 속성은 연결된 문서의 MIME 타입(예: text/html)을 나타내며, 자바스크립트를 통해 간단하게 읽어올 수 있습니다.
사용 방법
document.getElementById()로 해당 링크 요소를 선택한 뒤, .type 프로퍼티에 접근하면 type 속성의 값을 문자열로 얻을 수 있습니다.
예제 코드
<!DOCTYPE html>
<html>
<body>
<p><a id = "qriesid" href = "https://qries.com/" type="text/html">Qries</a></p>
<script>
var x = document.getElementById("qriesid").type;
document.write("type 속성의 값: " + x);
</script>
</body>
</html>실행 결과
위 코드를 실행하면 다음과 같이 type 속성의 값이 화면에 출력됩니다.
type 속성의 값: text/html
이처럼 type 프로퍼티를 활용하면 별도의 복잡한 처리 없이도 링크 요소의 type 속성 값을 손쉽게 조회할 수 있습니다. 참고로 HTML5에서는 <a> 태그의 type 속성이 필수가 아니므로, 값이 지정되지 않은 경우 빈 문자열이 반환될 수 있다는 점도 함께 기억해 두면 좋습니다.