프로그래밍/HTML, JS

[JS]querySelectorAll(getElementsByClassName)으로 가져온 요소들을 배열로 활용하기

앨런임더 2022. 5. 18. 02:52

 그냥 querySelector이나 getElementById는 하나의 요소만 가져오기 때문에 별 상관 없지만, querySelectorAll이나 getElementsByClassName을 사용하면 NodeList 또는 HTMLCollection이라는 요상한 타입이 반환된다. 이 친구들은 배열이 아니기 때문에, map 함수 등을 사용하려 하면 오류를 내뿜는다. 이럴 땐,

Array.from(document.querySelectorAll("...."))

와 같이 사용하면 요소들을 배열에 담을 수 있다.