JavaScript中的DOM介绍

javascript对象的分类：

1.内建对象
- 由ES标准中定义的对象，在任何的ES的实现中都可以使用
- 比如：Math String Number Boolean Function Object….

2.宿主对象
- 由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象
- 比如 BOM DOM

3.自定义对象
- 由开发人员自己创建的对象

DOM属于宿主对象：

什么是Dom呢？
DOM : 全称Document Object Model 文档 对象 模型。

JS中通过DOM来对Html文档进行操作。

文档：

文档表示的就是整个HTML网页文档。

对象：

对象表示将网页中的每一个部分都转换为一个对象。

模型：

使用模型来表示对象之间的关系，这样方便我们来获取对象。

节点：

• 节点Node,是构成我们网页的最基本组成部分，网页中的每一个部分都可以称为是一个节点。
  例如下面demo:

    <h1> HelloWorld </h1>
    //h1  就是一个节点   
    //helloworld  也是一个节点

Html中：
html标签，属性，文本，注释，整个文档等都是一个节点。

常用的节点分为四类：

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

//整个标签就是元素节点
<button id="btn">hello</button>
//id=btn ：       就是属性节点
//hello  ：       就是文本节点

属性节点：

|—————| NodeName | NodeType | NodeValue|
|文档节点：| #document |        9         | — null —–|
|元素节点：|    标签名     |        1         |     null       |
|属性节点：|    属性名     |        2         |   属性值    |
|文本节点：|     #text       |        3         | 文本内容   |

NodeName， NodeType ， NodeValue 是每个节点都有的属性。
文档节点的NodeName：固定值 #document
文本节点的NodeName:   固定值 #text