DOM정리

문서를 제어하기 위한 객체 (document.~)

제어하기 위한 요소 가져오기

하나의 요소 노드 선택(DOM Query)

document.getElementById(id)

document.querySelector(cssSelector), ...

• 복수개가 선택된 경우, 첫번째 요소만 반환한다.
• Return: HTMLElement를 상속받음 (단수개일 경우)

여러 개의 요소 노드 선택(DOM Query)

document.getElementsByClassName(class)

• class 어트리뷰트 값으로 요소 노드를 모두 선택한다. 공백으로 구분하여 여러 개의 class를 지정할 수 있다.
• Return: HTMLCollection (live)

HTMLElement VS HTMLCollection

HTMLCollection은 여러 개의 노드를 선택했기 때문에 유사배열의 형태로 나온다. 그리고 영향을 준다면 실시간으로 반영된다. [aa,bb,cc,dd]