JS（DOM、事件）

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>
  

常见事件