js基础——DOM

1、DOM

DOM，全称Document Object Model,文档对象模型。JS中通过DOM来对HTML文档进行操作。

• 文档：表示的是整个HTML文档；
• 对象：将网页中的每个部分都转化为了一个对象；
• 模型：使用模型来表示对象之间的关系，这样方便我们获取对象。

2、节点

节点Node，是构成网页最基本的组成部分，网页中的每一个部分都是一个节点。

• 文档节点：整个HTML文档；
• 元素节点：HTML文档中的HTML标签；
• 属性节点：元素的属性；
• 文本节点：HTML中的文本内容。

3、事件

事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。

例如，点击某个按钮，将鼠标移到某个元素上，按下键盘上某个键。

• onclick：当用户单击某个对象时调用；
• ondblclick：当用户双击某个对象时调用；
• onmousemove：当鼠标移动到某对象时调用
• 使用函数形式来响应事件：
• 对象名.事件 = function(){};

当我们把事件相关的js代码写在用户操作（像是按钮元素）之前，在页面加载时先执行js代码，在执行按钮，这样无法正确运行事件，所以使用onload事件，在页面完成加载以后执行操作。

4、获取元素节点

• getElementById()：通过id属性获取一个元素节点对象；
• getElementsByTagName()：通过标签名获取一个元素节点对象；
• getElementsByname()：通过名字获取一个元素节点对象；
• innerHTML：可以获取到对象元素内部的HTML代码；