0. Document (기초)

Document

Document 객체는 웹 페이지 그 자체를 의미한다.

• 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작해야 한다.

---

1. document 객체 출력

출력 결과

 

document 객체를 출력 시, 문서의 html이 출력된다.

 

문서 내 요소 추가

출력 결과

 

문서 내 요소를 추가 하여 다시 document 객체를 출력하니 추가한 요소가 출력에 반영되었다.

---

2. document.write()

출력 결과

 

HTML 문서에 document.write()로 작성한 html이 추가되었다.

 

 

주의점

기존에 있던 문서 내용을 덮어서 작성 할 수 있다.

 

 

버튼을 누르면

 

기존에 작성되었던 내용들이 덮어져 사라졌다.

---

출처

 

https://www.tcpschool.com/javascript/js_dom_document

코딩교육 티씨피스쿨