Vanila Js 태그를 선택하는 함수 querySelector!

Java Script/Vanila JavaScript

scatterbrain 2021. 9. 12. 13:38

MDN사이트를 참고해서 작성하였습니다.

Document.querySelector() - Web API | MDN

Document.querySelector()는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환합니다. 일치하는 요소가 없으면 null을 반환합니다.

developer.mozilla.org

Document.querySelector()는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환합니다.

일치하는 요소가 없으면 null을 반환합니다.

라고 정의하고 있다. 그냥 보면 무슨 말인지 잘 모르겠다.

한번 예제를 통해 확인해보자!

자바스크립트 결과를 확인해보면

이렇게 console이 찍히는 것을 알 수 있다. querySelector로 요소를 찾고 요소에 명령을 입력할 수 있기 때문에

javascript에서 가장 많이 사용하는 명령어 중 하나가 아닐 듯싶다!!