1.事件三要素
-- 事件源（誰）：觸發事件的元素
-- 事件類型（什麼事件）：click
-- 事件處理程序（做啥）：事件觸發後要執行的代碼（函數形式），事件處理函數
2.事件執行的步驟
1.獲取事件源
2.註冊事件
3.添加事件處理程序（採取函數賦值形式）
3.常見的鼠標事件
| 鼠標事件 |
觸發事件 |
| onclick |
點擊左鍵觸發 |
| onmouseover |
鼠標經過觸發 |
| onmouseout |
鼠標離開觸發 |
| onfocus |
獲得鼠標焦點觸發 |
| onblur |
失去鼠標焦點觸發 |
| onmousemove |
鼠標移動觸發 |
| onmouseup |
鼠標彈起觸發 |
| onmousedown |
鼠標按下觸發 |
4.操作元素
4.1.改變元素內容（獲取或設置）
1.element.innerText
從起始位置到終止位置的內容，但它去除空格和換行，不識別html標籤，非標準的
2.element.innerHTML
起始位置到終止位置的全部內容，包括html標籤，同時保留空格和換行，識別html標籤，W3C標準
這兩個屬性是可讀寫的，可以獲取元素裏面的內容
4.2.常見元素的屬性操作
1.innerText，innerHTML改變元素內容
2.src、href
3.id、alt、title
4.獲取屬性的值，
元素對象.屬性名
5.設置屬性的值
元素對象.屬性名=值
4.3.表單元素的屬性操作
-- 利用DOM可以操作如下表單元素的屬性
type，value，checked，selected，disabled
-- 獲取屬性的值
元素對象.屬性名
-- 設置屬性的值
元素對象.屬性名=值
-- 表單元素中有一些屬性如：disabled、checked、selected，元素對象的這些屬性的值是布爾型
4.4.樣式屬性操作
1.element.style 行內樣式操作
2.element.className 類名樣式操作
方式1:通過操作style屬性
元素對象的style屬性也是一個對象
元素對象.style樣式屬性 = 值
注意：1.JS裏面的樣式採取駝峯命名法，比如fontSize，backgroundColor
2.JS裏修改style樣式操作，產生的是行內樣式，css權重比較高
方式2:通過操作className屬性
元素對象.className = 值
注意：1.如果樣式修改較多，可以採取操作類名方式更改元素樣式
2.class因爲是保留字，因此使用ClassName來操作元素類名屬性
3.className會直接更改元素的類名，會覆蓋原先的類名。
