document.querySelector(selector) 함수는 CSS 선택자(selector)를 사용하여 HTML 요소를 선택하는 함수입니다.
selector는 id, class, tag 이름을 지정할 때 다음과 같은 규칙을 지켜야 합니다.
- id: #id명 (예: #header)
- class: .class명 (예: .header, .footer)
- tag: 태그 이름 (예: h1, p, div)
예를 들어, id가 "header"인 요소를 선택하려면 #header를 사용하고, class가 "header"인 요소를 선택하려면 .header를 사용합니다.
또한, selector를 조합하여 복잡한 선택자를 만들 수도 있습니다. 예를 들어, id가 "header"이고 class가 "main-header"인 요소를 선택하려면 #header.main-header를 사용할 수 있습니다.
이러한 규칙을 지키면 document.querySelector(selector) 함수를 사용하여 원하는 HTML 요소를 쉽게 선택할 수 있습니다.
2025-03-21 15:26