摘要:而標準規(guī)范中提供了對象,主要是依靠元素樹結(jié)構(gòu)訪問和更新頁面的內(nèi)容。值得注意的是所有的頁面的元素都是對象,而這個對象又是繼承于對象的。我們可以簡單地理解對象是對象的補充。本教程采用知識共享署名非商業(yè)性使用禁止演繹國際許可協(xié)議進行許可。
DOM 的標準規(guī)范中提供了 Element 對象,該對象提供了 HTML 頁面中所有元素所具有的屬性和方法。
我們都知道 DOM 標準規(guī)范中提供了 Node 對象,主要是依靠 DOM 節(jié)點樹結(jié)構(gòu)訪問和更新 HTML 頁面的內(nèi)容。而 DOM 標準規(guī)范中提供了 Element 對象,主要是依靠 DOM 元素樹結(jié)構(gòu)訪問和更新 HTML 頁面的內(nèi)容。
Element 對象的作用值得注意的是: 所有的 HTML 頁面的元素都是 HTMLElement 對象,而這個對象又是繼承于 Element 對象的。
HTML 頁面中的標簽,既是元素節(jié)點,又是元素。
如果我們將 HTML 頁面中的標簽當做元素節(jié)點的話,就是利用 DOM 節(jié)點樹結(jié)構(gòu)進行解析和操作。但是,有些情況利用 Node 對象實現(xiàn)比較復(fù)雜,例如屬性節(jié)點的操作,而使用 Element 對象提供的屬性和方法相對會簡單一些。
我們可以簡單地理解 Element 對象是 Node 對象的補充。當然,這種理解并不準確!
通過 Element 對象,我們可以實現(xiàn)遍歷元素、屬性操作等操作。而這些操作也正是我們要學習 Element 對象的屬性和方法。
測試 Element 對象由于 Element 對象是 DOM 底層封裝的對象,所以我們并不能通過直接打印 Element 對象來查看其屬性或方法。
而是要通過打印 Element 對象的 prototype 原型屬性來查看其屬性或方法。
console.log(Element.prototype)
運行 HTML 頁面后,打開 開發(fā)者工具,我們可以看到以下內(nèi)容:
上面運行后的結(jié)果只是部分內(nèi)容,并不是全部內(nèi)容。請自行測試!
本教程免費開源,任何人都可以免費學習、分享,甚至可以進行修改。但需要注明作者及來源,并且不能用于商業(yè)。
本教程采用知識共享署名-非商業(yè)性使用-禁止演繹 4.0 國際許可協(xié)議進行許可。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/87287.html
摘要:對象提供了一些方法實現(xiàn)元素的屬性操作,這種操作要比對象提供的方法操作屬性節(jié)點要更便捷。值得注意的是如果指定的屬性不存在,則返回或空字符串。如果刪除的屬性不存在的話,不會引發(fā)任何異常。 Element 對象提供了一些方法實現(xiàn) HTML 元素的屬性操作,這種操作要比 Node 對象提供的方法操作屬性節(jié)點要更便捷。 獲取指定元素的屬性 Element 對象提供了 getAttribute()...
摘要:回顧什么是內(nèi)聯(lián)樣式所謂內(nèi)聯(lián)樣式,就是通過頁面元素的屬性為當前元素定義樣式。對象提供的屬性和方法可以幫助我們獲取樣式的具體內(nèi)容。遍歷對象由于對象具有屬性,返回該對象的屬性的數(shù)量。方法通過獲取的樣式屬性名,這種方式也可以通過方式進行替換。 回顧什么是內(nèi)聯(lián)樣式 所謂內(nèi)聯(lián)樣式,就是通過 HTML 頁面元素的 style 屬性為當前元素定義 CSS 樣式。 以下代碼示例,就是通過 style 屬...
摘要:對象提供了一系列的屬性和方法用來利用元素樹結(jié)構(gòu)中元素的關(guān)系實現(xiàn)遍歷其中的元素。關(guān)于元素之間的關(guān)系,可以參考元素樹一節(jié)有關(guān)元素之間關(guān)系的內(nèi)容。該屬性獲取一個包含指定元素的所有子元素的集合。值得注意的是如果當前元素無子節(jié)點,則屬性返回。 Element 對象提供了一系列的屬性和方法用來利用 DOM 元素樹結(jié)構(gòu)中元素的關(guān)系實現(xiàn)遍歷其中的元素。 關(guān)于元素之間的關(guān)系,可以參考《DOM 元素樹》一...
摘要:對象提供了屬性和方法實現(xiàn)定位頁面元素功能,這也是的標準規(guī)范中對象的主要應(yīng)用之一。是返回值,表示定位元素的集合,是一個集合。定位匹配選擇器的第一個元素。方法定位頁面元素所返回的集合就是靜態(tài)集合。 Document 對象提供了屬性和方法實現(xiàn)定位頁面元素功能,這也是 DOM 的標準規(guī)范中 Document 對象的主要應(yīng)用之一。 定位頁面元素方法 目前 Document 對象提供實現(xiàn)定位頁面元...
摘要:對象提供了屬性用于實現(xiàn)獲取或設(shè)置頁面指定元素的代碼。需要說明的是,在上述語法結(jié)構(gòu)中,調(diào)用屬性的表示元素節(jié)點。但需要注明作者及來源,并且不能用于商業(yè)。本教程采用知識共享署名非商業(yè)性使用禁止演繹國際許可協(xié)議進行許可。 Element 對象提供了 innerHTML 屬性用于實現(xiàn)獲取或設(shè)置 HTML 頁面指定元素的 HTML 代碼。 獲取 HTML 代碼 innerHTML 屬性表示 HTM...
閱讀 1300·2023-04-25 19:33
閱讀 1184·2021-10-21 09:39
閱讀 3656·2021-09-09 09:32
閱讀 2634·2019-08-30 10:58
閱讀 1638·2019-08-29 16:17
閱讀 889·2019-08-29 15:29
閱讀 2902·2019-08-26 11:55
閱讀 2670·2019-08-26 10:33