DOM 的標(biāo)準(zhǔn)規(guī)范中提供了 Element 對象,該對象提供了 HTML 頁面中所有元素所具有的屬性和方法。
我們都知道 DOM 標(biāo)準(zhǔn)規(guī)范中提供了 Node 對象,主要是依靠 DOM 節(jié)點(diǎn)樹結(jié)構(gòu)訪問和更新 HTML 頁面的內(nèi)容。而 DOM 標(biāo)準(zhǔn)規(guī)范中提供了 Element 對象,主要是依靠 DOM 元素樹結(jié)構(gòu)訪問和更新 HTML 頁面的內(nèi)容。
> **值得注意的是:** 所有的 HTML 頁面的元素都是 HTMLElement 對象,而這個對象又是繼承于 Element 對象的。
## Element 對象的作用
HTML 頁面中的標(biāo)簽,既是元素節(jié)點(diǎn),又是元素。
如果我們將 HTML 頁面中的標(biāo)簽當(dāng)做元素節(jié)點(diǎn)的話,就是利用 DOM 節(jié)點(diǎn)樹結(jié)構(gòu)進(jìn)行解析和操作。但是,有些情況利用 Node 對象實(shí)現(xiàn)比較復(fù)雜,例如屬性節(jié)點(diǎn)的操作,而使用 Element 對象提供的屬性和方法相對會簡單一些。
我們可以簡單地理解 Element 對象是 Node 對象的補(bǔ)充。當(dāng)然,這種理解并不準(zhǔn)確!
通過 Element 對象,我們可以實(shí)現(xiàn)遍歷元素、屬性操作等操作。而這些操作也正是我們要學(xué)習(xí) Element 對象的屬性和方法。
## 測試 Element 對象
由于 Element 對象是 DOM 底層封裝的對象,所以我們并不能通過直接打印 Element 對象來查看其屬性或方法。
而是要通過打印 Element 對象的 prototype 原型屬性來查看其屬性或方法。
```javascript
console.log(Element.prototype)
```
運(yùn)行 HTML 頁面后,打開 **開發(fā)者工具**,我們可以看到以下內(nèi)容:

> 上面運(yùn)行后的結(jié)果只是部分內(nèi)容,并不是全部內(nèi)容。請自行測試!
- 關(guān)于
- 第一章 DOM 是什么
- 第一節(jié) DOM 介紹
- 第二節(jié) DOM 樹結(jié)構(gòu)
- 第二章 Document 對象
- 第一節(jié) Document 對象介紹
- 第二節(jié) 定位頁面元素
- 第三節(jié) 創(chuàng)建頁面元素
- 第三章 Node 對象
- 第一節(jié) Node 對象介紹
- 第二節(jié) 判斷節(jié)點(diǎn)類型
- 第三節(jié) 遍歷節(jié)點(diǎn)
- 第四節(jié) 插入節(jié)點(diǎn)
- 第五節(jié) 刪除節(jié)點(diǎn)
- 第六節(jié) 替換節(jié)點(diǎn)
- 第七節(jié) 復(fù)制節(jié)點(diǎn)
- 第八節(jié) textContent 屬性
- 第四章 Element 對象
- 第一節(jié) Element 對象介紹
- 第二節(jié) DOM 元素樹
- 第三節(jié) 定位頁面元素
- 第四節(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 對象的樣式屬性
- 第六章 事件
- 第一節(jié) 什么是事件
- 第二節(jié) 注冊事件
- 第三節(jié) 移除注冊事件
- 第四節(jié) Event 事件對象
- 第五節(jié) 獲取目標(biāo)元素
- 第六節(jié) 阻止默認(rèn)行為
- 第七節(jié) 獲取鼠標(biāo)坐標(biāo)
- 第八節(jié) 事件流
- 第九節(jié) 事件委托
- 第七章 表單操作
- 第一節(jié) 獲取表單
- 第二節(jié) 表單操作
- 第三節(jié) 表單驗(yàn)證
- 第四節(jié) 表單提交
- 第八章 BOM
- 第一節(jié) BOM 是什么
- 第二節(jié) Window 對象
- 第三節(jié) Navigator 對象
- 第四節(jié) History 對象
- 第五節(jié) Location 對象
- 第六節(jié) 定時器
