W3] DOM API - 엘리먼트 반환

http://www.w3.org/TR/html5/dom.html#documents

html 문서에서 자바스크립트로 엘리먼트를 가져오는 방법 입니다
W3 에 정의되었으며 기존에 브라우저마다 다르던 부분이 통합 되었습니다

HTMLBodyElement = document.body
HTMLHeadElement = document.head


문서에 단 하나만 사용하는 ID 를 가져오는 방법
<div id="A"></div>
HTMLDivElement = document.getElementById("A")

문서에 여러개가 될수 있는 NAME 을 가져오는 방법
<div name="A"></div>
[ HTMLDivElement ] = document.getElementByName("A")

문서에 여러 태그이름을 가져오는 방법
<div></div>
HTMLDivElement = document.getElementByTagName("div");


스타일시트 선택자를 활용한 방법
selector : 태그이름을 찾습니다
.selector : 클래스이름을 찾습니다
#selector : 아이디를 찾습니다

<div class="find"></div>
HTMLDivElement = document.querySelector(".find");
[ HTMLDivElement ] = document.querySelectorAll(".find");

그외 가장 루트의 엘리먼트를 가져오는 방법
document.documentElement;