HTML DOM Object type 속성이란?
HTML DOM의 Object type 속성은 <object> 요소의 type 속성 값을 설정하거나 반환하는 데 사용됩니다. 여기서 type 속성은 해당 객체가 나타내는 콘텐츠의 미디어 타입(MIME 타입)을 지정하는 역할을 합니다.
type 속성 값 설정하기
type 속성의 값을 설정하려면 다음과 같은 문법을 사용합니다.
obj.type = type_of_media
위 코드에서 type_of_media는 표준 미디어 타입을 의미하며, 예를 들어 image/bmp, image/tiff, application/pdf 등이 있습니다.
type 속성 값 반환하기
반대로 현재 설정된 type 속성 값을 가져오려면 다음 문법을 사용합니다.
obj.type
예제로 살펴보기
아래 예제는 DOM Object type 속성을 실제로 구현한 코드입니다. 버튼을 클릭하면 객체에 설정된 미디어 타입이 화면에 표시됩니다.
<!DOCTYPE html>
<html>
<body>
<object id="obj" width="450" height="200"
data="https://www.tutorialspoint.com/flex/samples/CSSApplication.swf"
type="application/vnd.adobe.flash-movie"></object>
<button onclick="display()">미디어 타입 표시하기</button>
<p id="pid"></p>
<script>
function display() {
var x = document.getElementById("obj").type;
document.getElementById("pid").innerHTML = x;
}
</script>
</body>
</html>실행 결과
페이지를 실행하면 다음과 같이 객체와 버튼이 화면에 나타납니다.
버튼을 클릭하면 아래 그림처럼 해당 객체의 미디어 타입이 출력됩니다.
