제어 대상 찾기 - getElementById, querySelector ...

getElementById() : id명에 해당하는 객체들을 찾아서 해당하는 요소 한개에 대한 NodeList(노드의 리스트 , 유사배열(배열 리터럴 []로 감싸져 있지만 배열이 아님))에 담아서 반환한다. 유사배열이기 때문에 배열관련 메소드를 사용하려면 Array.from(유사배열) 형태로 배열로 변환한다.

getElementsByTagName()  & getElementsByClassName()으로 생성된 HTMLCollection은 live 이므로 리스트가 반환된 이후에도 문서가 수정된다면 문서의 상태를 항상 반영한다.

querySelector() : 해당 선택자를 조회하여 첫번째로 해당하는 요소를 반환한다. (NodeList , live 아님 (static))

querySelectorAll() : 해당 선택자에 해당하는 요소들을 다 반환한다.(NodeList , live 아님 (static))

* element는 Node 인터페이스를 구현한 여러 오브젝트들 중 하나이다. 

* HTMLCollection은 노드의 리스트이다. 각각의 노드는 인덱스를 가지거나 노드의 이름 혹은 id 속성을 갖는다. 

* NodeList 객체는 노드들의 콜렉션이다. NodeList 인터페이스는 정렬된 노드콜렉션의 추상화이다. DOM에서 NodeList 객체들은 LIVE상태이다.