자바스크립트 - element 찾기 querySelector, querySelctorAll

자바스크립트에서 element를 찾을 때,가장 많이 사용하는 함수들 입니다.

querySelector와 querySelectorAll 입니다.

 

querySelector(selector) 

selector를 선택자로 전달해서 일치하는 하나의 element를 return 합니다.

없으면 null을 반환합니다.

document.querySelector('p');

 

querySelectorAll(selector)

selector와 일치하는 모든 element의 배열을 반환 합니다.

document.querySelectorAll('p');

 

아래 예제에서 확인 할 수 있습니다.

See the Pen Untitled by Young Jun Koo (@YoungJu-Ku) on CodePen.