Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML DOM 바닥글 개체

<시간/>

HTML DOM Footer 개체는 HTML

요소와 연결됩니다.
요소는 의미 태그의 일종으로 HTML5에 도입되었습니다. Footer 객체를 사용하면 각각 createElement() 및 getElementById() 메서드를 사용하여
요소를 만들고 가져올 수 있습니다.

구문

다음은 −

의 구문입니다.

바닥글 개체 만들기 -

var p = document.createElement("FOOTER");

예시

Footer 개체의 예를 살펴보겠습니다. -

<!DOCTYPE html>
<html>
<head>
<script>
   function createFoot() {
      var f = document.createElement("FOOTER");
      document.body.appendChild(f);
      var p = document.createElement("P");
      var txt = document.createTextNode("Copyright ©, 2019");
      p.appendChild(txt);
      f.appendChild(p);
   }
</script>
</head>
<body>
<h1>Footer object example</h1>
<p>Create a footer for this webpage by clicking the below button</p>
<button onclick="createFoot()">CREATE</button>
</body>
</html>

출력

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

HTML DOM 바닥글 개체

CREATE 버튼 클릭 시 -

HTML DOM 바닥글 개체

위의 예에서 -

사용자가 클릭할 때 createFoot() 메서드를 실행하는 CREATE 버튼을 먼저 만들었습니다.

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

createFoot() 메서드는 문서 객체의 createElement() 메서드를 사용하여 바닥글 요소를 생성합니다. 그런 다음 appendChild() 메서드를 사용하여 바닥글 요소를 문서 본문에 추가하고 createElement() 메서드를 사용하여 다른

요소를 만듭니다.

그런 다음 문서 개체의 createTextNode() 메서드를 사용하여 텍스트 노드를 만듭니다. 그런 다음 단락에서 appendChild() 메서드를 사용하여 텍스트 노드를 단락에 추가합니다. 마지막으로 텍스트 노드와 함께 단락은 바닥글 요소의 appendChild() 메서드를 사용하여 바닥글 요소의 자식으로 추가됩니다 -

function createFoot() {
   var f = document.createElement("FOOTER");
   document.body.appendChild(f);
   var p = document.createElement("P");
   var txt = document.createTextNode("Copyright ©, 2019");
   p.appendChild(txt);
   f.appendChild(p);
}