?DOM

• 概念:Document Object Model，文檔對象模型。
• 將標記語言的各個組成部分封裝為對應的對象:

1. Document:整個文檔對象
2. Element:元素對象
3. Attribute:屬性對象
4. Text:文本對象
5. Comment:注釋對象

• JavaScript通過DOM，就能夠對HTML進行操作:

1. 改變 HTML 元素的內容
2. 改變 HTML元素的樣式(CSS)
3. 對 HTML DOM 事件作出反應
4. 添加和刪除 HTML 元素

---

事件綁定

• 方式一：通過HTML表簽中的事件屬性進行綁定

  <input type="button" onclick="on()" value="按鈕1">
  <script>function on(){alert('我被點擊了!'    );}
  </script>

• 方式二：通過DOM元素屬性綁定

  <input type="button" id="btn" value="按鈕2">
  <script>document.getElementById('btn').onclick=function(){alert('我被點擊了!');
  }
  </script>

  ?

常見事件?