제어 대상을 찾기 (Section 12)

참고> opentutorials.org/course/1375/6656

 

1. getElementsByTagName(): 파라미터로 받은 Tag 이름에 해당하는 Element들을 유사 배열로 리턴함

2. 특정 Element의 하위에 있는 Element들만 Tag 이름으로 찾고 싶을 경우, 해당 Element의 getElementsByTagName() 함수를 호출하면 됨

3. getElementsByClassName(): class 이름으로 Element들을 찾음

4. getElementById(): ID 이름으로 Element를 찾음
  => 성능적인 측면에서 다른 함수들보다 좋음
  => Element 하나만을 리턴함 (ID는 키값이기 때문에 해당되는 Element가 하나밖에 없음)
  => 많이 쓰이는 함수

5. querySelector(): 파라미터로 받은 선택자에 해당하는 Element 하나만을 리턴
  => 클래스를 찾을 땐 파라미터로 전달하는 클래스명 앞에 . 을 붙임

6. querySelectorAll(): 파라미터로 받은 선택자에 해당하는 모든 Element를 리턴