document.querySelectorAll(selector) 함수의 selector 부분에 값을 넣을 때는 CSS 선택자 문법을 사용합니다.
- 태그 이름을 선택할 때는 태그 이름만 입력합니다. 예를 들어, p 태그를 선택할 때는 "p"을 입력합니다.
- 태그 이름과 id를 동시에 선택할 때는 "#" 기호를 사용하여 id를 입력합니다. 예를 들어, id가 "title"인 p 태그를 선택할 때는 "#title.p"을 입력합니다.
- 태그 이름과 class를 동시에 선택할 때는 "." 기호를 사용하여 class를 입력합니다. 예를 들어, class가 "title"인 p 태그를 선택할 때는 ".title.p"을 입력합니다.
- 태그 이름, id, class를 동시에 선택할 때는 "#" 기호와 "." 기호를 함께 사용합니다. 예를 들어, id가 "title"이고 class가 "sub"인 p 태그를 선택할 때는 "#title.sub.p"을 입력합니다.
- 자손 선택자, 자식 선택자, 인접 선택자, 일반 선택자 등 다양한 CSS 선택자 문법을 사용할 수 있습니다. 예를 들어, p 태그의 자손 요소를 선택할 때는 "p *", p 태그의 자식 요소를 선택할 때는 "p > *", p 태그의 인접 요소를 선택할 때는 "p + *"을 입력합니다.
2025-05-07 15:34