CSS 선택자querySelectorAll()

전 시간까지는 각 개별적으로 사용할 수 있는 

1. HTML 태그 이름(tag name)을 이용한 선택   --> document.getElementsByTagName("TYPE");

2. 아이디(id)를 이용한 선택                          --> document.getElementById("TYPE");

3. 클래스(class)를 이용한 선택                      --> document.getElementsByClassName("TYPE");

4. name 속성(attribute)을 이용한 선택           --> document.getElementsByName("TYPE");

을 배웠다.

위의 메서드는 개별적으로 사용할수 밖에 없다는 단점이 있다.  하지만 

querySelectorAll() 은 다르다.  querySelecto메서는 CSS 선택자(아이디, 클래스, 속성, 속성값 등)를 이용하여 HTML 요소를 선택합니다.

예를 들어. 

 

 

 

var selectedItem = document.querySelectorAll("li.odd"); 에서 클래스 odd이 요소중에서 li 테그만 선택되도록 css에서 사용하는 방법 그대로 사용할 수 있다.