메뉴 건너뛰기


Developer > Web Application

HTML5 HTML5에 추가된 JS함수

2013.11.13 22:42

푸우 조회 수:6165


1. getElementsByClassName()


DOM에서 특정 엘리먼트 핸들을 획득하기 위해서 getElementById()와 getElementsByTagName() 함수를 사용했었습니다.


여기에 HTML5에서는 getElementsByClassName()함수가 추가되었습니다.


즉, 클래스명으로 특정 엘리먼트 핸들을 획득할 수 있습니다.


2. querySelector()와 querySelectorAll()


CSS에서 사용되는 selector문법을 통해 엘리멘트 핸들을 획득합니다.


querySelector()함수는 selector와 일치하는 첫번째 핸들을 린턴하고 querySelectorAll()함수는 selector와 일치하는 전체 엘리먼트 핸들을 리턴합니다.


사용예) var cells = document.querySelectorAll("#score>tbody>tr>td:nth-of-type(2)");