TIL - 20220824

 오늘은 모던 JavaScript 튜토리얼에서 getElement*, querySelector*로 요소 검색하기에 대해 공부했다. 작성한 질문은 다음과 같다.

 document.getElementById는 접근하고 싶은 요소를 요소에 id가 존재한다면 위치에 상관없이 접근할 수 있는 메서드이다.

 

 querySelector는 주어진 CSS 선택자에 해당하는 요소 중 첫 번째 요소를 반환하며, querySelectorAll은  주어진 CSS 선택자에 해당하는 요소 전부를 배열로 반환한다.

 

 matches는 메서드로써 주어진 CSS 선택자와 일치하는지 여부를 판단해주는 역할을 한다.

 

 조상 요소는 부모 요소, 부모 요소의 부모 요소같이 특정 요소 상위에 있는 요소들을 조상 요소라고 일컫는다.