<strike id="awgya"></strike>

<ul id="awgya"></ul>

<ul id="awgya"></ul>

<fieldset id="awgya"><menu id="awgya"></menu></fieldset><ul id="awgya"></ul>

【EASYDOM系列教程】之刪除節點

zzbo 發布于2019-08-20 18:23 / 1137人閱讀

摘要：對象提供了方法實現從頁面中刪除指定節點。其語法結構如下在上述語法結構中，調用方法的表示參數的父節點，而參數則表示要刪除的那個節點。則用于存儲要刪除的節點的引用，即。

Node 對象提供了 removeChild() 方法實現從 HTML 頁面中刪除指定節點。其語法結構如下:

var oldChild = node.removeChild(child);
OR
element.removeChild(child);

在上述語法結構中，調用 removeChild() 方法的 node 表示 child 參數的父節點，而 child 參數則表示要刪除的那個節點。

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

值得注意的是: 在上述語法結構中，如果 child 參數不是 node 的子節點的話，調用該方法時會報錯。

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

// 獲取父節點
var parent = document.getElementById("parent");
// 獲取子節點
var child = document.getElementById("btn");
// 刪除節點
parent.removeChild(child);

值得注意的是: 被刪除的節點是否從內存中被銷毀，Mozilla 社區有這樣一段描述:

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

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

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

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

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

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

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

GPU云服務器云服務器系列之系列之二架構之坑系列 linux系列教程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84437.html

【EASYDOM系列教程】之替換節點

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

陳江龍 2019-08-20 18:34 評論0 收藏0
【EASYDOM系列教程】之 textContent 屬性

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

neuSnail 2019-08-21 11:51 評論0 收藏0
【EASYDOM系列教程】之屬性操作

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

BigNerdCoding 2019-08-21 11:59 評論0 收藏0
【EASYDOM系列教程】之 innerHTML 屬性

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

劉福 2019-08-21 11:59 評論0 收藏0
【EASYDOM系列教程】之復制節點

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

Panda 2019-08-21 11:50 評論0 收藏0