document.querySelector()

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

사용 예시

• 내가 만약 todo-form 이라는 form 태그 안에 있는 input을 반환하고 싶으면

const toDoForm = document.getElementById("todo-form");
const toDoInput = toDoForm.querySelector("input");

이렇게 todo-form을 반환하는 변수인 toDoForm을 사용하여 만들 수도 있고

const toDoForm = document.getElementById("todo-form");
const toDoInput = document.querySelector("#todo-form input");

이렇게 document 전체에서 todo-form 안에 있는 input을 찾을 수도 있다.