資訊專欄INFORMATION COLUMN
摘要：對(duì)象的作用樹(shù)結(jié)構(gòu)主要是依靠節(jié)點(diǎn)進(jìn)行解析，稱為節(jié)點(diǎn)樹(shù)結(jié)構(gòu)。對(duì)象的繼承鏈關(guān)系對(duì)象是繼承于對(duì)象的，是一個(gè)用于接收事件的對(duì)象。但需要注明作者及來(lái)源，并且不能用于商業(yè)。本教程采用知識(shí)共享署名非商業(yè)性使用禁止演繹國(guó)際許可協(xié)議進(jìn)行許可。
DOM 的標(biāo)準(zhǔn)規(guī)范中提供了 Node 對(duì)象，該對(duì)象主要提供了用于解析 DOM 節(jié)點(diǎn)樹(shù)結(jié)構(gòu)的屬性和方法。
Node 對(duì)象的作用DOM 樹(shù)結(jié)構(gòu)主要是依靠節(jié)點(diǎn)進(jìn)行解析，稱為 DOM 節(jié)點(diǎn)樹(shù)結(jié)構(gòu)。Node 對(duì)象是解析 DOM 節(jié)點(diǎn)樹(shù)結(jié)構(gòu)的主要入口。
Node 對(duì)象提供的屬性和方法，可以實(shí)現(xiàn)遍歷節(jié)點(diǎn)、插入節(jié)點(diǎn)和替換節(jié)點(diǎn)等操作。而這些操作也正是我們學(xué)習(xí) Node 對(duì)象最為主要的目的。
Node 對(duì)象的繼承鏈關(guān)系Node 對(duì)象是繼承于 EventTarget 對(duì)象的，EventTarget 是一個(gè)用于接收事件的對(duì)象。我們可以通過(guò)如下代碼測(cè)試兩者之間的繼承關(guān)系:
console.log(Node.prototype instanceof EventTarget);
DOM 的標(biāo)準(zhǔn)規(guī)范中的 Document 對(duì)象和 Element 對(duì)象（后面的章節(jié)要學(xué)習(xí)的內(nèi)容）都是繼承于 Node 對(duì)象的。我們可以通過(guò)如下代碼測(cè)試它們之間的繼承關(guān)系:
console.log(Document.prototype instanceof Node); console.log(Element.prototype instanceof Node);測(cè)試 Node 對(duì)象
由于 Node 對(duì)象是 DOM 底層封裝的對(duì)象，所以我們并不能通過(guò)直接打印 Node 對(duì)象來(lái)查看其屬性或方法。
而是要通過(guò)打印 Node 對(duì)象的 prototype 原型屬性來(lái)查看其屬性或方法。
console.log(Node.prototype)
運(yùn)行 HTML 頁(yè)面后，打開(kāi) 開(kāi)發(fā)者工具，我們可以看到以下內(nèi)容:
本教程免費(fèi)開(kāi)源，任何人都可以免費(fèi)學(xué)習(xí)、分享，甚至可以進(jìn)行修改。但需要注明作者及來(lái)源，并且不能用于商業(yè)。
本教程采用知識(shí)共享署名-非商業(yè)性使用-禁止演繹 4.0 國(guó)際許可協(xié)議進(jìn)行許可。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/84266.html
摘要：對(duì)象的作用對(duì)象作為訪問(wèn)和更新頁(yè)面內(nèi)容的入口。這個(gè)結(jié)果充分地說(shuō)明了對(duì)象在的標(biāo)準(zhǔn)規(guī)范中代表整個(gè)頁(yè)面。對(duì)象的繼承鏈對(duì)象是繼承于對(duì)象的。對(duì)象也是的標(biāo)準(zhǔn)規(guī)范中非常重要的對(duì)象之一，而對(duì)象又是繼承于對(duì)象。 Document 對(duì)象是 DOM 的標(biāo)準(zhǔn)規(guī)范中比較重要的對(duì)象之一。該對(duì)象提供了訪問(wèn)和更新 HTML 頁(yè)面內(nèi)容的屬性和方法。 Document 對(duì)象的作用 Document 對(duì)象作為 DOM 訪問(wèn)和...
摘要：也就是說(shuō)，它沒(méi)有父節(jié)點(diǎn)。如果參數(shù)設(shè)為，則不克隆它的任何子節(jié)點(diǎn)。為了防止一個(gè)文檔中出現(xiàn)兩個(gè)重復(fù)的元素使用方法克隆的節(jié)點(diǎn)在需要時(shí)應(yīng)該指定另外一個(gè)與原值不同的。 Node 對(duì)象提供了 cloneNode() 方法實(shí)現(xiàn) HTML 頁(yè)面中節(jié)點(diǎn)的復(fù)制功能。其語(yǔ)法結(jié)構(gòu)如下: var dupNode = node.cloneNode(deep); 在上述語(yǔ)法結(jié)構(gòu)中，調(diào)用 cloneNode() 方法的...
摘要：對(duì)象中提供了和分別可以用于獲取指定節(jié)點(diǎn)的節(jié)點(diǎn)名稱節(jié)點(diǎn)類型和節(jié)點(diǎn)的值。具體的語(yǔ)法結(jié)構(gòu)如下在上述語(yǔ)法結(jié)構(gòu)中，是一個(gè)整數(shù)，其代表的是節(jié)點(diǎn)類型。本教程采用知識(shí)共享署名非商業(yè)性使用禁止演繹國(guó)際許可協(xié)議進(jìn)行許可。 Node 對(duì)象中提供了 nodeName、nodeType 和 nodeValue 分別可以用于獲取指定節(jié)點(diǎn)的節(jié)點(diǎn)名稱、節(jié)點(diǎn)類型和節(jié)點(diǎn)的值。 DOM 節(jié)點(diǎn)樹(shù)結(jié)構(gòu)中，我們實(shí)際開(kāi)發(fā)最常見(jiàn)的節(jié)...
摘要：對(duì)象提供了方法實(shí)現(xiàn)從頁(yè)面中刪除指定節(jié)點(diǎn)。其語(yǔ)法結(jié)構(gòu)如下在上述語(yǔ)法結(jié)構(gòu)中，調(diào)用方法的表示參數(shù)的父節(jié)點(diǎn)，而參數(shù)則表示要?jiǎng)h除的那個(gè)節(jié)點(diǎn)。則用于存儲(chǔ)要?jiǎng)h除的節(jié)點(diǎn)的引用，即。 Node 對(duì)象提供了 removeChild() 方法實(shí)現(xiàn)從 HTML 頁(yè)面中刪除指定節(jié)點(diǎn)。其語(yǔ)法結(jié)構(gòu)如下: var oldChild = node.removeChild(child); OR element.remov...
摘要：系列教程是一套免費(fèi)開(kāi)源，任何人都可以免費(fèi)學(xué)習(xí)分享，甚至可以進(jìn)行修改。本文是這套系列教程的索引也就是目錄第一回介紹在最開(kāi)始，我們先來(lái)了解是什么的作用，以及瀏覽器的支持是怎么樣的。 《EASYDOM》系列教程是一套免費(fèi)、開(kāi)源，任何人都可以免費(fèi)學(xué)習(xí)、分享，甚至可以進(jìn)行修改。但需要注明作者及來(lái)源，并且不能用于商業(yè)。 本文是這套系列教程的索引（也就是目錄）: 第一回 DOM 介紹 在最開(kāi)始，我...
閱讀 2393·2021-11-16 11:51
閱讀 3591·2021-09-26 10:14
閱讀 2037·2021-09-22 15:58
閱讀 1152·2019-08-30 15:52
閱讀 2082·2019-08-30 15:43
閱讀 2679·2019-08-30 13:46
閱讀 981·2019-08-30 13:10
閱讀 1133·2019-08-29 18:32
