【EASYDOM系列教程】之 Element 對象

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 原型屬性來查看其屬性或方法。

console.log(Element.prototype)

運行 HTML 頁面後，打開 開發者工具，咱們能夠看到如下內容:

上面運行後的結果只是部份內容，並非所有內容。請自行測試！

---

本教程免費開源，任何人均可以避免費學習、分享，甚至能夠進行修改。但須要註明做者及來源，而且不能用於商業。

本教程採用知識共享署名-非商業性使用-禁止演繹 4.0 國際許可協議進行許可。