1. 如何獲取頁面元素
DOM在實際開發中主要用來操作元素
獲取頁面中的元素可使用以下幾種方式：
（1）根據ID獲取
（2）根據標籤名獲取
（3）根據HTML5新增的方法獲取
（4）特殊元素獲取
2. 根據ID獲取
使用getElementById()方法可以獲取帶有ID的元素對象
element是一個Element對象，如果當前文檔中擁有特定ID的元素不存在則返回null
id是大小寫敏感的字符串，代表了所要查找的元素的唯一ID
//返回的是獲取過來元素對象的集合，以僞數組的形式存儲
document.getElementsByTagName('li');//可以得到這個元素裏面的某些標籤
var nav = document.getElementById('nav');//ID只有一個，獲得的是這個nav元素
getElementsByClassName根據類名獲得某些元素集合
document.getElementsByClassName('box');
querySelector返回指定選擇器的第一個元素對象
var firstBox = document.querySelector('.box');
querySelectorAll()返回指定選擇器所有元素對象集合
var allBox = document.querySelectorAll('.box');
3.獲取特殊元素(body, html)
var bodyEle = document.body;//獲取body元素
var htmlEle = document.documentElement;//獲取html元素
事件基礎：觸發響應機制。
Javascript使我們有能力創建動態頁面，事件是可以被Javascript偵測到的行爲。
網頁中每個元素都可以產生某些可以觸發Javascript的事件，例如可以在用戶點擊某個按鈕時產生一個事件，然後去執行某些操作。
事件三要素：即事件由三部分組成：事件源，事件類型，事件處理程序。
事件源：事件被觸發的對象，按鈕。
事件類型：如何觸發，什麼事件：鼠標點擊還是經過或者按下？
事件處理程序：通過一個函數賦值的方式完成