MDN사이트를 참고해서 작성하였습니다.
https://developer.mozilla.org/ko/docs/Web/API/Document/querySelector
Document.querySelector() - Web API | MDN
Document.querySelector()는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환합니다. 일치하는 요소가 없으면 null을 반환합니다.
developer.mozilla.org
Document.querySelector()
Document.querySelector()는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환합니다.
일치하는 요소가 없으면 null을 반환합니다.
라고 정의하고 있다. 그냥 보면 무슨 말인지 잘 모르겠다.
한번 예제를 통해 확인해보자!
자바스크립트 결과를 확인해보면
- "첫번째:[object HTMLDivElement]"
- "두번째:[object HTMLDivElement]"
이렇게 console이 찍히는 것을 알 수 있다. querySelector로 요소를 찾고 요소에 명령을 입력할 수 있기 때문에
javascript에서 가장 많이 사용하는 명령어 중 하나가 아닐 듯싶다!!
'Java Script > Vanila JavaScript' 카테고리의 다른 글
| [JS] 글자 수에 따른 byte수 체크하기 (0) | 2023.03.02 |
|---|---|
| JS. querySelectorAll에 대해 알아보자 (답은 이름에 있다.) (0) | 2021.09.12 |
| JS 가장 많이 사용하는 함수! console.log 와 alert! (0) | 2021.09.12 |
| Java Script 30 (0) | 2021.09.12 |
| Java Script 1. var, let, const에 대해서 알아보자! (0) | 2021.08.17 |
