【EASYDOM系列教程】之 Element 對象

jeyhan 發布于2019-08-21 11:55 / 799人閱讀

摘要：而標準規范中提供了對象，主要是依靠元素樹結構訪問和更新頁面的內容。值得注意的是所有的頁面的元素都是對象，而這個對象又是繼承于對象的。我們可以簡單地理解對象是對象的補充。本教程采用知識共享署名非商業性使用禁止演繹國際許可協議進行許可。

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 國際許可協議進行許可。

GPU云服務器云服務器系列之系列之二架構之坑系列 linux系列教程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/87287.html

【EASYDOM系列教程】之屬性操作

摘要：對象提供了一些方法實現元素的屬性操作，這種操作要比對象提供的方法操作屬性節點要更便捷。值得注意的是如果指定的屬性不存在，則返回或空字符串。如果刪除的屬性不存在的話，不會引發任何異常。 Element 對象提供了一些方法實現 HTML 元素的屬性操作，這種操作要比 Node 對象提供的方法操作屬性節點要更便捷。獲取指定元素的屬性 Element 對象提供了 getAttribute()...

BigNerdCoding 2019-08-21 11:59 評論0 收藏0
【EASYDOM系列教程】之獲取內聯樣式

摘要：回顧什么是內聯樣式所謂內聯樣式，就是通過頁面元素的屬性為當前元素定義樣式。對象提供的屬性和方法可以幫助我們獲取樣式的具體內容。遍歷對象由于對象具有屬性，返回該對象的屬性的數量。方法通過獲取的樣式屬性名，這種方式也可以通過方式進行替換。回顧什么是內聯樣式所謂內聯樣式，就是通過 HTML 頁面元素的 style 屬性為當前元素定義 CSS 樣式。以下代碼示例，就是通過 style 屬...

xiaodao 2019-08-22 11:05 評論0 收藏0
【EASYDOM系列教程】之遍歷元素

摘要：對象提供了一系列的屬性和方法用來利用元素樹結構中元素的關系實現遍歷其中的元素。關于元素之間的關系，可以參考元素樹一節有關元素之間關系的內容。該屬性獲取一個包含指定元素的所有子元素的集合。值得注意的是如果當前元素無子節點，則屬性返回。 Element 對象提供了一系列的屬性和方法用來利用 DOM 元素樹結構中元素的關系實現遍歷其中的元素。關于元素之間的關系，可以參考《DOM 元素樹》一...

codeGoogle 2019-08-21 12:00 評論0 收藏0
【EASYDOM系列教程】之定位頁面元素

摘要：對象提供了屬性和方法實現定位頁面元素功能，這也是的標準規范中對象的主要應用之一。是返回值，表示定位元素的集合，是一個集合。定位匹配選擇器的第一個元素。方法定位頁面元素所返回的集合就是靜態集合。 Document 對象提供了屬性和方法實現定位頁面元素功能，這也是 DOM 的標準規范中 Document 對象的主要應用之一。定位頁面元素方法目前 Document 對象提供實現定位頁面元...

NotFound 2019-08-20 18:04 評論0 收藏0
【EASYDOM系列教程】之 innerHTML 屬性

摘要：對象提供了屬性用于實現獲取或設置頁面指定元素的代碼。需要說明的是，在上述語法結構中，調用屬性的表示元素節點。但需要注明作者及來源，并且不能用于商業。本教程采用知識共享署名非商業性使用禁止演繹國際許可協議進行許可。 Element 對象提供了 innerHTML 屬性用于實現獲取或設置 HTML 頁面指定元素的 HTML 代碼。獲取 HTML 代碼 innerHTML 屬性表示 HTM...

劉福 2019-08-21 11:59 評論0 收藏0