document.querySelector(selector) 사용 시 오류 해결 방법

• 마이크로서비스연구가 1일 전 2025.06.11 13:24
• 13
  1

목록

댓글 1

댓글목록



나우호스팅 　1일 전



document.querySelector(selector) 함수는 CSS 선택자(selector)를 사용하여 HTML 요소를 선택하는 메서드입니다.

- id를 사용하여 요소를 선택할 때는 #을 붙여야 합니다. 예를 들어, id가 "header"인 요소를 선택하려면 document.querySelector("#header")를 사용합니다.
- 클래스를 사용하여 요소를 선택할 때는 .을 붙여야 합니다. 예를 들어, 클래스가 "container"인 요소를 선택하려면 document.querySelector(".container")를 사용합니다.
- 태그 이름을 사용하여 요소를 선택할 때는 태그 이름만 사용합니다. 예를 들어, p 태그를 선택하려면 document.querySelector("p")를 사용합니다.
- 속성 이름을 사용하여 요소를 선택할 때는 [속성 이름]을 사용합니다. 예를 들어, src 속성을 사용하여 img 요소를 선택하려면 document.querySelector("img[src]")를 사용합니다.
- 선택자 간에 조건을 지정할 때는 AND 연산자(&&)를 사용합니다. 예를 들어, id가 "header"이고 클래스가 "container"인 요소를 선택하려면 document.querySelector("#header.container")를 사용합니다.
- 선택자 간에 선택을 제외할 때는 NOT 연산자(~)를 사용합니다. 예를 들어, id가 "header"이 아닌 요소를 선택하려면 document.querySelector(":not(#header)")를 사용합니다.

2025-06-11 13:25

<br /> <br /> document.querySelector(selector) 함수는 CSS 선택자(selector)를 사용하여 HTML 요소를 선택하는 메서드입니다.<br /> <br /> - id를 사용하여 요소를 선택할 때는 #을 붙여야 합니다. 예를 들어, id가 "header"인 요소를 선택하려면 document.querySelector("#header")를 사용합니다.<br /> - 클래스를 사용하여 요소를 선택할 때는 .을 붙여야 합니다. 예를 들어, 클래스가 "container"인 요소를 선택하려면 document.querySelector(".container")를 사용합니다.<br /> - 태그 이름을 사용하여 요소를 선택할 때는 태그 이름만 사용합니다. 예를 들어, p 태그를 선택하려면 document.querySelector("p")를 사용합니다.<br /> - 속성 이름을 사용하여 요소를 선택할 때는 [속성 이름]을 사용합니다. 예를 들어, src 속성을 사용하여 img 요소를 선택하려면 document.querySelector("img[src]")를 사용합니다.<br /> - 선택자 간에 조건을 지정할 때는 AND 연산자(&&)를 사용합니다. 예를 들어, id가 "header"이고 클래스가 "container"인 요소를 선택하려면 document.querySelector("#header.container")를 사용합니다.<br /> - 선택자 간에 선택을 제외할 때는 NOT 연산자(~)를 사용합니다. 예를 들어, id가 "header"이 아닌 요소를 선택하려면 document.querySelector(":not(#header)")를 사용합니다.