[JavaScript] DOM 선택

▶ DOM 조작 시 기억해야할 것 

웹 페이지를 동적으로 만들기 == 웹 페이지를 조작하기

조작 순서 1. 조작하고자 하는 요소를 선택 (또는 탐색) 2. 선택된 요소의 콘텐츠 또는 속성을 조작

 

▶ 선택 메서드 

요소 1개를 선택	요소 여러 개를 선택
제공한 선택자와 일치하는 element 1개 선택 제공한 CSS selector를 만족하는  첫 번째 element 객체를 반환한다  (없다면 null을 반환)	제공한 선택자와 일치하는 여러 element를 선택 제공한 CSS selector를 만족하는 NodeList를 반환한다

 

▶ 예시

 

▶ chrome에서 개발자도구로 querySelector 위치 찾기 

content2 의 위치를 찾아보자

body > p:ntn-child(4) 이게 content2를 가리키고 있는 것이다.