HTML DOM 본문 객체

<시간/>

HTML DOM Body 객체는 HTML 요소와 연결됩니다. body 태그 안에 설정된 속성과 값은 자식 노드에 의해 재정의되지 않는 한 HTML 문서 전체에 유지됩니다. body 개체는 이러한 속성과 해당 값에 액세스하고 조작하는 데 사용할 수 있습니다.

속성

다음은 HTML DOM Body 객체의 속성입니다 -

참고 − 아래 속성은 HTML5에서 지원되지 않습니다. 대신 CSS를 사용하십시오. −

속성	설명
a링크	문서에서 활성 링크 색상을 설정하거나 반환합니다.
배경	문서의 배경 이미지를 설정하거나 반환하려면
bg색상	문서의 배경색을 설정하거나 반환합니다.
링크	문서에서 방문하지 않은 링크 색상을 설정하거나 반환합니다.
텍스트	문서의 텍스트 색상을 설정하거나 반환하려면
vLink	문서에서 방문한 링크 색상을 설정하거나 반환합니다.

구문

다음은 −

의 구문입니다.

바디 객체 생성 -

var x = document.createElement("BODY");

예시

HTML DOM 본문 개체에 대한 예를 살펴보겠습니다. -

<!DOCTYPE html>
<html>
<head>
<title>aside tag</title>
<h2>HTML DOM BODY OBJECT</h2>
<button onclick="createBody()">CREATE</button>
<script>
   function createBody() {
      var x = document.createElement("BODY");
      x.setAttribute("id", "myBody");
      document.body.appendChild(x);
      var Para = document.createElement("P");
      var text = document.createTextNode("A sample paragraph
      created as child of body");
      Para.appendChild(text);
      document.getElementById("myBody").appendChild(Para);
   }
</script>
</head>
</html>

출력

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

HTML DOM 본문 객체

만들기를 클릭하면 -

HTML DOM 본문 객체

위의 예에서 -

createBody() −

함수를 호출하는 CREATE 버튼을 만들었습니다.

<button onclick="createBody()">CREATE</button>

createBody() 메서드는 요소를 만들고 변수 x에 할당합니다. setAttribute() 메서드를 사용하여 본문의 id를 "myBody"로 설정하고 문서의 자식으로 appendChild() 메서드를 사용하여 본문 요소를 추가합니다. 또 다른 요소

(단락)는 textNode "본문 하위로 생성된 샘플 문단"으로 생성됩니다. 해당 텍스트 노드는 단락의 자식으로 추가됩니다. 마지막으로 요소의 id를 사용하여 단락이 본문에 추가됩니다.

function createBody() {
   var x = document.createElement("BODY");
   x.setAttribute("id", "myBody");
   document.body.appendChild(x);
   var Para = document.createElement("P");
   var text = document.createTextNode("A sample paragraph created as child of body");
   Para.appendChild(text);
   document.getElementById("myBody").appendChild(Para);
}