엘리먼트 실렉터
먼저 고전적인(브라우저 호환성이 좋지 않을때) 실렉터에 대해 잠깐 들여보자.
var isDOM = (document.getElementById ? true : false); // 현재사용하는 방식
var isIE4 = ((document.all && !isDOM) ? true : false); // 예전 IE (현재 크롬에서는 이방식도 지원됨)
var isNS4 = (document.layers ? true : false); // 예전 Netscape
getElementById()
id 를 선택하고 하나의 object만 가져옮
See the Pen getElementById by younghyeong ryu (@wangta69) on CodePen.
getElementsByClassName()
class 를 선택하고 배열로 가져옮
See the Pen getElementById by younghyeong ryu (@wangta69) on CodePen.
getElementsByName()
name 을 선택하고 배열로 가져옮
See the Pen getElementsByClassName by younghyeong ryu (@wangta69) on CodePen.
getElementsByTagName()
태그명으로 선택하고 배열로 가져옮
getElementsByTagNameNS()
https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByTagNameNS 참조로 대신함