JavaScript - 문서객체모델

문서 객체 모델(document object model)

- html 문서 또는 xml문서 등을 접근하기 위한 일조으이 인터페이스 역할
- 문서내의 모든 요소를 정의하고 각각의 요소에 접근하는 방법을 제공

document 객체
- 웹 페이지 자체(body)를 의미하는 객체
- 웹 페이지에 존재한 html 요소에 접근하고자 할때 반드시 document 객체로 부터 시작

getElementById(): 해당 아이디의 요소를 선택
getElementsByTagName(): 해당 태그 이름의 요소를 모두 선택
getElementsByClassName(): 해당 클래스에 속한 요소를 모두 선택
getElementsByName(): 해당 name 속성값을 가지는 요소를 모두 선택 // name -> 서버에서 데이터베이스로 송신해주는역할

querySelectorAll(): 선택자로 선택되는 요소를 모두 선택
querySelector(): 선택자로 선택되는 요소를 선택