자바스크립트 querySelectorAll

querySelectorAll은 자바스크립트에서 제공하는 메서드 중 하나로, CSS 선택자를 사용하여 문서 내에서 특정 요소들을 선택할 수 있습니다. 이 메서드는 Document, Element 및 DocumentFragment 객체에서 모두 사용할 수 있습니다.

 

사용법

 

querySelectorAll의 사용 방법은 아래와 같습니다.

 

document.querySelectorAll(selector);

 

위 코드에서 selector는 CSS 선택자를 의미하며, 선택한 요소들을 NodeList 객체로 반환합니다. 만약 선택된 요소가 없으면 빈 NodeList 객체를 반환합니다.

 

querySelectorAll 메서드는 반환된 NodeList 객체를 통해 선택된 요소들에 대한 조작을 수행할 수 있습니다. NodeList 객체는 배열과 유사한 형태를 가지고 있으므로, forEach나 for-of 루프 등을 이용하여 각각의 요소에 접근할 수 있습니다.

 

querySelectorAll 메서드를 사용하면 문서 내에서 특정 요소들을 선택하고 해당 요소들에 대한 조작을 수행할 수 있습니다.