HTML DOM 문서 유형 속성

<시간/>

HTML DOM doctype 속성은 현재 HTML 문서와 연결된 DTD(Document Type Declaration)를 반환합니다. 읽기 전용 속성입니다. doctype 이름을 DocumentType 객체로 반환합니다. 주어진 문서에 대해 DTD가 지정되지 않은 경우 null을 반환할 수 있습니다.

구문

다음은 doctype 속성의 구문입니다 -

document.doctype

예시

doctype 속성의 예를 살펴보겠습니다 -

<!DOCTYPE html>
<html>
<body>
<h1>doctype property example</h1>
<button onclick="getDoctype()">GET DOCTYPE</button>
<p id="Sample"></p>
<script>
   function getDoctype() {
      var doc = document.doctype.name;
      document.getElementById("Sample").innerHTML ="The doctype for this HTML document is: "+doc;
   }
</script>
</body>
</html>

출력

이것은 다음과 같은 출력을 생성합니다 -

HTML DOM 문서 유형 속성

GET DOCTYPE 버튼을 클릭하면 -

HTML DOM 문서 유형 속성

먼저 HTML 문서에 대해 DTD(Document Type Defination)를 HTML로 설정했습니다. 이렇게 하면 문서가 HTML 문서로 렌더링됩니다 -

<!DOCTYPE html>

그런 다음 사용자가 클릭할 때 getDoctype() 함수를 실행하는 GET DOCTYPE 버튼을 만들었습니다.

<button onclick="getDoctype()">GET DOCTYPE</button>

getDoctype() 메서드는 문서의 doctype 속성 이름 값을 사용하여 doc 변수에 할당합니다. 그런 다음 변수 doc이 id가 "Sample"인 단락에 표시되고 innerHTML 속성이 의도한 텍스트로 설정됩니다 -

function getDoctype() {
   var doc = document.doctype.name;
   document.getElementById("Sample").innerHTML ="The doctype for this HTML document is: "+doc;
}