DOM 的标准规范中提供了 Node 对象,该对象主要提供了用于解析 DOM 节点树结构的属性和方法。
## Node 对象的作用
DOM 树结构主要是依靠节点进行解析,称为 DOM 节点树结构。Node 对象是解析 DOM 节点树结构的主要入口。
Node 对象提供的属性和方法,可以实现遍历节点、插入节点和替换节点等操作。而这些操作也正是我们学习 Node 对象最为主要的目的。
## Node 对象的继承链关系
Node 对象是继承于 EventTarget 对象的,EventTarget 是一个用于接收事件的对象。我们可以通过如下代码测试两者之间的继承关系:
```javascript
console.log(Node.prototype instanceof EventTarget);
```
DOM 的标准规范中的 Document 对象和 Element 对象(后面的章节要学习的内容)都是继承于 Node 对象的。我们可以通过如下代码测试它们之间的继承关系:
```javascript
console.log(Document.prototype instanceof Node);
console.log(Element.prototype instanceof Node);
```
## 测试 Node 对象
由于 Node 对象是 DOM 底层封装的对象,所以我们并不能通过直接打印 Node 对象来查看其属性或方法。
而是要通过打印 Node 对象的 prototype 原型属性来查看其属性或方法。
```javascript
console.log(Node.prototype)
```
运行 HTML 页面后,打开 **开发者工具**,我们可以看到以下内容:
![](https://box.kancloud.cn/f5babf2173bf4f7a16eb6c6d2a63832b_1750x929.png)
- 关于
- 第一章 DOM 是什么
- 第一节 DOM 介绍
- 第二节 DOM 树结构
- 第二章 Document 对象
- 第一节 Document 对象介绍
- 第二节 定位页面元素
- 第三节 创建页面元素
- 第三章 Node 对象
- 第一节 Node 对象介绍
- 第二节 判断节点类型
- 第三节 遍历节点
- 第四节 插入节点
- 第五节 删除节点
- 第六节 替换节点
- 第七节 复制节点
- 第八节 textContent 属性
- 第四章 Element 对象
- 第一节 Element 对象介绍
- 第二节 DOM 元素树
- 第三节 定位页面元素
- 第四节 遍历元素
- 第五节 属性操作
- 第六节 innerHTML 属性
- 第五章 样式操作
- 第一节 获取内联样式
- 第二节 获取外联样式表
- 第三节 获取 class 属性
- 第四节 获取当前有效样式
- 第五节 设置内联样式
- 第六节 设置 class 属性
- 第七节 Element 对象的样式属性
- 第六章 事件
- 第一节 什么是事件
- 第二节 注册事件
- 第三节 移除注册事件
- 第四节 Event 事件对象
- 第五节 获取目标元素
- 第六节 阻止默认行为
- 第七节 获取鼠标坐标
- 第八节 事件流
- 第九节 事件委托
- 第七章 表单操作
- 第一节 获取表单
- 第二节 表单操作
- 第三节 表单验证
- 第四节 表单提交
- 第八章 BOM
- 第一节 BOM 是什么
- 第二节 Window 对象
- 第三节 Navigator 对象
- 第四节 History 对象
- 第五节 Location 对象
- 第六节 定时器