[JavaScript] 자바스크립트 셀렉터 조건 만족하는 요소 모두 가져오기

131_자바스크립트 셀렉터 조건 만족하는 요소 모두 가져오기 [적용] 셀렉터명과 일치하는 요소를 정리하여 작업을 처리하고 싶을 때 [문법] 메소드 의미 반환 document.querySelectorAll(셀렉터명) 셀렉터명 일치 요소 모두 가져오기 배열(NodeList) [내용] document.querySelectorAll()은 셀렉터명과 일치하는 HTML 요소를 모두 가져오며, 반환값은 요소를 하나의 배열로 정리한 객체(NodeList 객체)다. 배열 요소의 값은 forEach()를 사용해 접근할 수 있다. 콜백 함수를 사용한 요소의 처리도 가능하다. HTML index.html 박스1 박스2 박스3 JavaScript main.js // .box 요소 모두 가져오기 const boxList = do..

2022.07.01