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