Document Object

window 객체가 브라우저 창 이라고 하면 document 객체는 부라우저 내에서 콘텐츠를 보여주는 웹 페이지 자체라고 할 수 있습니다.

Documnet 객체 프로퍼티 사용

document 객체를 이용해서 웹페이지의 상태와 모든 HTML 태그들에 접근할 수 있습니다.

Document 객체 메소드 사용

document 객체의 메서드들을 사용하면 다양한 방법으로 웹 페이지 내의 태그들에 접근할 수 있다.

innerHTML vs innerText vs textContent

• innerHTML : html까지 같이 보여줌
• innerText : 사용자에게 보여지는 텍스트 값을 읽어오며 여러 공백은 무시하고 하나의 공백만 처리함
• textContent: display: none 스타일이 적용된 숨겨진 텍스트도 가져오는 노드가 가지고 있는 텍스트 값 그대로 보여줌