成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

【EASYDOM系列教程】之刪除節(jié)點

zzbo / 1162人閱讀

摘要：對象提供了方法實現(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.removeChild(child);

在上述語法結(jié)構(gòu)中，調(diào)用 removeChild() 方法的 node 表示 child 參數(shù)的父節(jié)點，而 child 參數(shù)則表示要刪除的那個節(jié)點。

oldChild 則用于存儲要刪除的節(jié)點的引用，即 oldChild === child。當然，如果我們需要完成的僅僅只是刪除節(jié)點操作的話，并不需要定義變量來存儲被刪除的節(jié)點。

值得注意的是: 在上述語法結(jié)構(gòu)中，如果 child 參數(shù)不是 node 的子節(jié)點的話，調(diào)用該方法時會報錯。

我們可以通過如下代碼示例，測試 removeChild() 方法的具體使用:

// 獲取父節(jié)點
var parent = document.getElementById("parent");
// 獲取子節(jié)點
var child = document.getElementById("btn");
// 刪除節(jié)點
parent.removeChild(child);
值得注意的是: 被刪除的節(jié)點是否從內(nèi)存中被銷毀，Mozilla 社區(qū)有這樣一段描述:


被移除的這個子節(jié)點仍然存在于內(nèi)存中，只是沒有添加到當前文檔的 DOM 樹中。


因此，你還可以把這個節(jié)點重新添加回文檔中。當然，實現(xiàn)要用另外一個變量比如上述語法中的 oldChild 來保存這個節(jié)點的引用。


如果使用上述語法中的第二種方法，即沒有使用 oldChild 來保存對這個節(jié)點的引用，則認為被移除的節(jié)點已經(jīng)是無用的，在短時間內(nèi)將會被內(nèi)存管理回收。

根據(jù) Mozilla 社區(qū)對 removeChild() 方法的描述，我們可以進行如下代碼示例的嘗試:

// 獲取父節(jié)點
var parent = document.getElementById("parent");
// 獲取子節(jié)點
var child = document.getElementById("btn");
// 刪除節(jié)點，并將刪除的節(jié)點存儲在 oldChild 變量中
var oldChild = parent.removeChild(child);
// 將刪除的節(jié)點再添加到父節(jié)點的子節(jié)點列表中
parent.appendChild(oldChild);

本教程免費開源，任何人都可以免費學習、分享，甚至可以進行修改。但需要注明作者及來源，并且不能用于商業(yè)。

本教程采用知識共享署名-非商業(yè)性使用-禁止演繹 4.0 國際許可協(xié)議進行許可。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/84437.html

相關(guān)文章

  • 【EASYDOM系列教程】之替換節(jié)點

    摘要：參數(shù)則表示頁面中被替換的節(jié)點。方法的返回值也是被替換的節(jié)點，即。如果該節(jié)點已經(jīng)存在于節(jié)點樹結(jié)構(gòu)中的話，則它會被從原始位置刪除。但需要注明作者及來源，并且不能用于商業(yè)。本教程采用知識共享署名非商業(yè)性使用禁止演繹國際許可協(xié)議進行許可。 Node 對象提供了 replaceChild() 方法實現(xiàn) HTML 頁面中節(jié)點的替換功能。其語法結(jié)構(gòu)如下: replacedNode = parentN...

    陳江龍 評論0 收藏0

  • 【EASYDOM系列教程】之 textContent 屬性

    摘要：獲取文本內(nèi)容屬性表示頁面指定節(jié)點及其后代節(jié)點的文本內(nèi)容。需要說明的是，在上述語法結(jié)構(gòu)中，調(diào)用屬性的表示元素節(jié)點。本教程采用知識共享署名非商業(yè)性使用禁止演繹國際許可協(xié)議進行許可。 Node 對象提供了 textContent 屬性實現(xiàn)獲取或設(shè)置 HTML 頁面中指定元素的文本內(nèi)容。 獲取文本內(nèi)容 textContent 屬性表示 HTML 頁面指定節(jié)點及其后代節(jié)點的文本內(nèi)容。其語法格式如...

    neuSnail 評論0 收藏0

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

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

    BigNerdCoding 評論0 收藏0

  • 【EASYDOM系列教程】之 innerHTML 屬性

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

    劉福 評論0 收藏0

  • 【EASYDOM系列教程】之復制節(jié)點

    摘要：也就是說，它沒有父節(jié)點。如果參數(shù)設(shè)為，則不克隆它的任何子節(jié)點。為了防止一個文檔中出現(xiàn)兩個重復的元素使用方法克隆的節(jié)點在需要時應該指定另外一個與原值不同的。 Node 對象提供了 cloneNode() 方法實現(xiàn) HTML 頁面中節(jié)點的復制功能。其語法結(jié)構(gòu)如下: var dupNode = node.cloneNode(deep); 在上述語法結(jié)構(gòu)中，調(diào)用 cloneNode() 方法的...

    Panda 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<