JavaScript에서 링크의 type 속성 값을 가져오려면 type 프로퍼티를 사용하면 됩니다. type 속성은 해당 문서가 HTML(text/html)인지, CSS(text/css)인지 등 문서의 유형을 브라우저에 알려주는 역할을 합니다.
예제
아래 코드를 실행하면 링크 요소의 type 속성 값을 확인할 수 있습니다.
<!DOCTYPE html>
<html>
<body>
<p><a id="anchorid" type="text/html" target="_blank" href="https://www.qries.com/">Qries</a></p>
<script>
var myVal = document.getElementById("anchorid").type;
document.write("type 속성 값: " + myVal);
</script>
</body>
</html>코드 설명
위 예제의 동작 원리는 다음과 같습니다.
- <a> 태그: id가 'anchorid'인 앵커 요소에 type="text/html" 속성이 지정되어 있습니다.
- getElementById(): document.getElementById() 메서드로 해당 요소에 접근합니다.
- .type 프로퍼티: 요소의 type 프로퍼티를 읽어와 변수 myVal에 저장합니다.
- 결과 출력: document.write()를 통해 화면에 'type 속성 값: text/html'이 표시됩니다.
참고 사항
type 속성은 주로 MIME 타입을 나타내며, 대표적인 값으로는 text/html(HTML 문서), text/css(CSS 스타일시트), application/javascript(자바스크립트 파일) 등이 있습니다. 최신 웹 개발 환경에서는 document.write()보다 console.log()나 DOM 조작 방식으로 결과를 출력하는 것이 권장됩니다.