[Vanilla JS] DOM내 요소 검색하기

.querySelector()

• id
• class
• element name
  ...

.querySelectorAll()

targer Element가 하나 이상일 경우

입력한 선택자에 해당되는 elements가 배열로 return된다. 각각 element에 event를 추가하려면forEach 또는 for반복문 으로 반복처리. (ex. addEvent)

document.querySelectorAll("button").forEach(item => { ... });

.getElementById()

Id로 element 찾기. DOM 내 ID가 없으면 return null.

.getElementsByClassName()

요소들 중 하나의 클래스를 포함하고 있는 요소를 검색하기 위해서, 클래스명 입력.