document.querySelector(selector) 관련 질문

• JetpackCompose마… 1일 전 2025.06.30 20:49
• 15
  1

목록

댓글 1

댓글목록



나우호스팅 　1일 전



document.querySelector(selector) 함수를 사용하여 특정 요소를 선택할 때, selector의 형식은 다음과 같습니다.

- id 선택자: #id명 (예: #title)
- 클래스 선택자: .클래스명 (예: .title)
- 태그 선택자: 태그명 (예: h1, p, div)
- 속성 선택자: [속성명='속성값'] (예: [href='https://www.example.com'])
- 자식 선택자: 부모 요소 > 자식 요소 (예: #parent > .child)
- 자손 선택자: 부모 요소 .자식 요소 (예: #parent .child)
- 형제 선택자: 요소1 ~ 요소2 (예: #title ~ .subtitle)

예를 들어, id가 "title"인 태그를 선택하는 방법은 다음과 같습니다.



#hostingforum.kr
javascript

const titleElement = document.querySelector('#title');



이러한 selector의 형식을 사용하여 HTML 문서에서 특정 요소를 선택할 수 있습니다.

2025-06-30 20:50

<br /> <br /> document.querySelector(selector) 함수를 사용하여 특정 요소를 선택할 때, selector의 형식은 다음과 같습니다.<br /> <br /> - id 선택자: #id명 (예: #title)<br /> - 클래스 선택자: .클래스명 (예: .title)<br /> - 태그 선택자: 태그명 (예: h1, p, div)<br /> - 속성 선택자: [속성명='속성값'] (예: [href='https://www.example.com'])<br /> - 자식 선택자: 부모 요소 > 자식 요소 (예: #parent > .child)<br /> - 자손 선택자: 부모 요소 .자식 요소 (예: #parent .child)<br /> - 형제 선택자: 요소1 ~ 요소2 (예: #title ~ .subtitle)<br /> <br /> 예를 들어, id가 "title"인 태그를 선택하는 방법은 다음과 같습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const titleElement = document.querySelector('#title');<br /> [/code]<br /> <br /> 이러한 selector의 형식을 사용하여 HTML 문서에서 특정 요소를 선택할 수 있습니다.