DOM 的標準規范中提供了 Element 對象，該對象提供了 HTML 頁面中所有元素所具有的屬性和方法。 我們都知道 DOM 標準規范中提供了 Node 對象，主要是依靠 DOM 節點樹結構訪問和更新 HTML 頁面的內容。而 DOM 標準規范中提供了 Element 對象，主要是依靠 DOM 元素樹結構訪問和更新 HTML 頁面的內容。 > **值得注意的是:** 所有的 HTML 頁面的元素都是 HTMLElement 對象，而這個對象又是繼承于 Element 對象的。 ## Element 對象的作用 HTML 頁面中的標簽，既是元素節點，又是元素。 如果我們將 HTML 頁面中的標簽當做元素節點的話，就是利用 DOM 節點樹結構進行解析和操作。但是，有些情況利用 Node 對象實現比較復雜，例如屬性節點的操作，而使用 Element 對象提供的屬性和方法相對會簡單一些。 我們可以簡單地理解 Element 對象是 Node 對象的補充。當然，這種理解并不準確！ 通過 Element 對象，我們可以實現遍歷元素、屬性操作等操作。而這些操作也正是我們要學習 Element 對象的屬性和方法。 ## 測試 Element 對象 由于 Element 對象是 DOM 底層封裝的對象，所以我們并不能通過直接打印 Element 對象來查看其屬性或方法。 而是要通過打印 Element 對象的 prototype 原型屬性來查看其屬性或方法。 ```javascript console.log(Element.prototype) ``` 運行 HTML 頁面后，打開 **開發者工具**，我們可以看到以下內容:  > 上面運行后的結果只是部分內容，并不是全部內容。請自行測試！