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