HTML DOM documentElement 속성은 문서 요소를 반환하는 데 사용됩니다. 반환 유형은 요소 개체 유형입니다. 문서 요소는 HTML 문서의 경우 요소가 되는 문서의 루트 요소입니다. 읽기 전용 속성입니다.
구문
다음은 documentElement 속성의 구문입니다 -
document.documentElement
예시
documentElement 속성의 예를 살펴보겠습니다 -
<!DOCTYPE html>
<html>
<body>
<h1>documentElement property example</h1>
<p>Get the document element name by clicking the below button</p>
<button onclick="getDocument()">GET NAME</button>
<p id="Sample"></p>
<script>
function getDocument() {
var dName = document.documentElement.nodeName;
document.getElementById("Sample").innerHTML = "The document element for this document is: "+dName;
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
GET NAME 버튼 클릭 시 -
위의 예에서 -
사용자가 클릭하면 getDocument() 함수를 실행할 GET NAME 버튼을 만들었습니다.
<button onclick="getDocument()">GET NAME</button>
getDocument() 함수는 문서의 documentElement nodeName 속성을 가져와 변수 dName에 할당합니다. 그런 다음 dName 변수는 id "Sample"이 연결된 단락에 표시되고 innerHTML 속성을 사용하여 의도한 텍스트를 표시합니다 -
function getDocument() {
var dName = document.documentElement.nodeName;
document.getElementById("Sample").innerHTML = "The document element for this document is: "+dName;
}