DOM 的標(biāo)準(zhǔn)規(guī)范中提供了 Node 對(duì)象,該對(duì)象主要提供了用于解析 DOM 節(jié)點(diǎn)樹(shù)結(jié)構(gòu)的屬性和方法。
## Node 對(duì)象的作用
DOM 樹(shù)結(jié)構(gòu)主要是依靠節(jié)點(diǎn)進(jìn)行解析,稱(chēng)為 DOM 節(jié)點(diǎn)樹(shù)結(jié)構(gòu)。Node 對(duì)象是解析 DOM 節(jié)點(diǎn)樹(shù)結(jié)構(gòu)的主要入口。
Node 對(duì)象提供的屬性和方法,可以實(shí)現(xiàn)遍歷節(jié)點(diǎn)、插入節(jié)點(diǎn)和替換節(jié)點(diǎn)等操作。而這些操作也正是我們學(xué)習(xí) Node 對(duì)象最為主要的目的。
## Node 對(duì)象的繼承鏈關(guān)系
Node 對(duì)象是繼承于 EventTarget 對(duì)象的,EventTarget 是一個(gè)用于接收事件的對(duì)象。我們可以通過(guò)如下代碼測(cè)試兩者之間的繼承關(guān)系:
```javascript
console.log(Node.prototype instanceof EventTarget);
```
DOM 的標(biāo)準(zhǔn)規(guī)范中的 Document 對(duì)象和 Element 對(duì)象(后面的章節(jié)要學(xué)習(xí)的內(nèi)容)都是繼承于 Node 對(duì)象的。我們可以通過(guò)如下代碼測(cè)試它們之間的繼承關(guān)系:
```javascript
console.log(Document.prototype instanceof Node);
console.log(Element.prototype instanceof Node);
```
## 測(cè)試 Node 對(duì)象
由于 Node 對(duì)象是 DOM 底層封裝的對(duì)象,所以我們并不能通過(guò)直接打印 Node 對(duì)象來(lái)查看其屬性或方法。
而是要通過(guò)打印 Node 對(duì)象的 prototype 原型屬性來(lái)查看其屬性或方法。
```javascript
console.log(Node.prototype)
```
運(yùn)行 HTML 頁(yè)面后,打開(kāi) **開(kāi)發(fā)者工具**,我們可以看到以下內(nèi)容:

- 關(guān)于
- 第一章 DOM 是什么
- 第一節(jié) DOM 介紹
- 第二節(jié) DOM 樹(shù)結(jié)構(gòu)
- 第二章 Document 對(duì)象
- 第一節(jié) Document 對(duì)象介紹
- 第二節(jié) 定位頁(yè)面元素
- 第三節(jié) 創(chuàng)建頁(yè)面元素
- 第三章 Node 對(duì)象
- 第一節(jié) Node 對(duì)象介紹
- 第二節(jié) 判斷節(jié)點(diǎn)類(lèi)型
- 第三節(jié) 遍歷節(jié)點(diǎn)
- 第四節(jié) 插入節(jié)點(diǎn)
- 第五節(jié) 刪除節(jié)點(diǎn)
- 第六節(jié) 替換節(jié)點(diǎn)
- 第七節(jié) 復(fù)制節(jié)點(diǎn)
- 第八節(jié) textContent 屬性
- 第四章 Element 對(duì)象
- 第一節(jié) Element 對(duì)象介紹
- 第二節(jié) DOM 元素樹(shù)
- 第三節(jié) 定位頁(yè)面元素
- 第四節(jié) 遍歷元素
- 第五節(jié) 屬性操作
- 第六節(jié) innerHTML 屬性
- 第五章 樣式操作
- 第一節(jié) 獲取內(nèi)聯(lián)樣式
- 第二節(jié) 獲取外聯(lián)樣式表
- 第三節(jié) 獲取 class 屬性
- 第四節(jié) 獲取當(dāng)前有效樣式
- 第五節(jié) 設(shè)置內(nèi)聯(lián)樣式
- 第六節(jié) 設(shè)置 class 屬性
- 第七節(jié) Element 對(duì)象的樣式屬性
- 第六章 事件
- 第一節(jié) 什么是事件
- 第二節(jié) 注冊(cè)事件
- 第三節(jié) 移除注冊(cè)事件
- 第四節(jié) Event 事件對(duì)象
- 第五節(jié) 獲取目標(biāo)元素
- 第六節(jié) 阻止默認(rèn)行為
- 第七節(jié) 獲取鼠標(biāo)坐標(biāo)
- 第八節(jié) 事件流
- 第九節(jié) 事件委托
- 第七章 表單操作
- 第一節(jié) 獲取表單
- 第二節(jié) 表單操作
- 第三節(jié) 表單驗(yàn)證
- 第四節(jié) 表單提交
- 第八章 BOM
- 第一節(jié) BOM 是什么
- 第二節(jié) Window 對(duì)象
- 第三節(jié) Navigator 對(duì)象
- 第四節(jié) History 對(duì)象
- 第五節(jié) Location 對(duì)象
- 第六節(jié) 定時(shí)器
