Dom 요소

자바스크립트에서 특정 html 선택 방법
1. html 태그 이름 선택
: document.getElementsByTagName("")

2. 아이디 이용
   : document.getElementById("")

3. 클래스 이용
   document.getElementsByClassName("")

4. name 이용
   : document.getElementsByName("")

5. css 선택자 이용
   : var selectedItem = document.querySelectorAll("li.cl"); // 클래스가 "cl"인 요소 중에서 li 요소만을 선택함.

6. html 객체 집합 이용
   : var title = document.title

Dom 요소의 내용 변경
: innerHTML
var str = document.getElementById("text");
str.innerHTML = "바꾸기!!";

출처: http://www.tcpschool.com/javascript/js_dom_element