[자바스크립트] CSS 선택자를 이용한 DOM 탐색하기 - 기본편

이전글[자바스크립트] DOM 노드 ID, 태그명, name 속성으로 탐색하기CSS 선택자를 이용한 DOM 탐색하기HTML5 이전의 자바스크립트 DOM API는 DOM 객체를 탐색하는데 매우 불편함이 존재했습니다. 기껏해야 태그명, id, name 속성을 조건으로 검색하고 자식 또는 부모를 순회하는 방법을 사용해야 했습니다.그래서인지 jQuery같은 DOM 탐색에 특화된 라이브러리는 거의 선택사항이 아니었던 것 같습니다. 그러나 HTML5에 와서는 자바스크립트에도 CSS 선택자를 통한 강력한 DOM 탐색 메서드들이 추가되었습니다.document.querySelector(css 셀렉터)document.querySelectorAll(css 셀렉터)메서드 이름에서 알 수 있듯이 모든 css 셀렉터 형식을 통해서..