#3.2 Searching For Elements

getElementById()

getElementsByClassName()

getElementsByTagName()

이렇게 자바스크립트를 통해 HTML을 가져올 수 있는 것이 여러가지가 있다.

하지만 querySelector를 가장 많이 쓸 것이다.

getElementById() : 말 그대로 id , 하나의 값을 반환해줄때 쓴다

getElementsByClassName() : 클래스 네임을 가져옴, array에 할당

getElementsByTagName(): name할당 가능 array에 할당

하지만 가장 많이 쓸 것은

querySelector! 왜 ? css 셀렉터처럼 사용할 수 있기때문에

매우 간편하고 유용함

게다가 class, id전부 사용가능함 class id를 앞에 쓰고

거기에 해당하는 태그들을 쓰면 해당 클래스/id 특정 태그들만 가져오기 가능하다.

but 만약에 동일한 class가 있다면 전부다 가져오는게 아니라

첫번째 element만 return한다.

동일한 조건에 있는 것들을 싹다 선택해서 가져오고 싶다면

querySelectorAll를 쓰면 된다.

말 그대로 해당되는 것 전부다 가져옴 (물론 array 형태로)