Document Object

document 객체는 브라우저 내에서 콘텐츠를 보여주는 웹 페이지 자체

프로퍼티 사용

웹 페이지의 상태와 모든 HTML 태그들에 접근 가능

메소드 사용

getElementById(id) : 접근하고자 하는 태그의 id 속성으로 활용

getElementByName(name) : 접근하고자 하는 태그의 name 속성으로 활용

querySelector(선택자) : class, id 등 이름과 더불어 선택자로 접근

Ex ) querySelector('.className') -> .className 이라는 이름의 클래스 태그 접근

메소드 활용으로 웹 페이지 내의 태그들에 접근 가능

여러 요소에도 접근 가능한 것을 알 수 있음

이는 인덱스, forEach, for 등으로 접근 가능

---

innerHTML, innerText, textContent

innerHTML

container 내 모든 내용들을 html적으로 보여줌

innerText

사용자에게 보여지는 텍스트 값을 읽어오며 여러 공백 무시하고, 하나의 공백만 처리

텍스트만 추출해서 보여줌