JavaScript 예제 9 / 20
DOM(문서 객체 모델)은 HTML을 JS가 다룰 수 있는 객체 트리로 표현한 것입니다. 먼저 '요소를 찾는' 방법부터 봅니다.
querySelector
getElementById
DOM
💡 이렇게 바꿔보세요
getElementById 는 정확히 하나만, querySelector 는 CSS 선택자 문법 그대로(.class, #id, li:first-child 등) 첫 번째 하나만 찾아요querySelectorAll 은 조건에 맞는 모두 를 NodeList로 반환 — .forEach() 로 순회할 수 있어요- 버튼을 여러 번 눌러보면 색이 계속 다시 칠해지는 걸 볼 수 있어요
← JavaScript 예제 목록