removeChild

removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。

如果删除的节点还被引用，则还会占用内存，可以以后被操作，只是暂时被从Dom树中移除。如果不被引用则不会占用内存？

来个例子：

<div id="level_1"><button οnclick="addNode()">addNode</button><button οnclick="removeNode()">removeNode</button><div id="level_2"></div>
</div>

var addNode = function () {if(!document.getElementById("level_2")){var level2Node = document.createElement("div");level2Node.id="level_2";document.getElementById("level_1").appendChild(level2Node);}for(var i=0; i<1000; i++){var newNode = document.createElement("div");newNode.id="newNode_" + i;newNode.innerHTML = "test node";document.getElementById("level_2").appendChild(newNode);}
};var deletedNode;
var removeNode = function () {var self = document.getElementById("level_2");if(self){deletedNode = self.parentNode.removeChild(self);//var deletedNode = self.parentNode.removeChild(self);}
};

怎么不能贴图片呢

从DevTool的memory面板中拍个照，可以看到 Detached HTMLDivElement

removeChild相关推荐

js removeChild 方法
1. 概述删除后的节点虽然不在文档树中了,但其实它还在内存中,可以随时再次被添加到别的位置. 当你遍历一个父节点的子节点并进行删除操作时,要注意,children属性是一个只读属性,并且它在子节点变 ...
javascript超空间(removeChild和innerHTML区别)
javascript超空间(DOM hyperspace)在ppk谈javascript中出现. 大概是指.当元素不在dom里面,而js又有关联的时候. 元素不会消失,而是保存在一个被称为" ...
[js高手之路] dom常用API【appendChild,insertBefore,removeChild,replaceChild,cloneNode】详解与应用
本文主要讲解DOM常用的CURD操作,appendChild(往后追加节点),insertBefore(往前追加节点),removeChild(移除节点),replaceChild(替换节点),clo ...
insertBefore,removeChild,repalceChild的语法和作用
1.insertBefore inserBefore,顾名思义就知道是"在某个节点之前插入". MDN的定义: 而所谓的"拥有指定父节点",就是指被参照的节点的 ...
php移除所有子节点,Javascript removeChild()删除节点及删除子节点的方法_javascript技巧...
下面给大家介绍Javascript removeChild()删除节点的方法,具体详情如下所示: 在Javascript中,只提供了一种删除节点的方法:removeChild(). removeChi ...
JS DOM 编程复习笔记 -- replaceChild、cloneNode、removeChild（八）
今天我们继续来去复习DOM操作的三个API,分别为replaceChild.cloneNode.removeChild,替换节点.克隆节点.删除节点,下面一个个来看它们的语法以及使用案例. repla ...
【前端 HTML+CSS+JavaScript(JS)】DOM练习-图片在DIV间移动的实现-removeChild cloneNode position append 上下对齐带注释/总结
作业要求: 效果: 总结: 1.让元素上下对齐的方法: ①让图片上下对齐用vertical-align:cender; ②让其他元素上下对齐设置line-height与height一样. 2.CSS中 ...
操作DOM节点：document.createElement、appendChild、insertBefore、removeChild、replaceChild、cloneNode（）
● 我们所说的操作无非就是增删改查: ● 创建一个节点以后,我们还需要将这个节点插入到另外的节点里面,不然就仅仅是创建了: ● 增:向页面中增加一个节点,首先要创建一个节点,然后再插入到页面中 ● 删 ...
JS--JavaScript节点插入、删除、替换、克隆(appendChild、cloneNode、insertBefore、normalize、removeChild、replaceChild)
操作节点 Node类型为所有节点定义了很多原型方法,以方便对节点进行操作,其中获得所有浏览器一致支持的方法如下表: Node类型原型方法说明: 方法说明 appendChild() 向节点的子节点列 ...
appendChild,insertBefore,replaceChild,removeChild,cloneNode用法小结
1.appendChild() appendChild()用于向childNodes列表的末尾添加一个节点.更新节点后,appendChild()返回新增的节点. 下面的parentNode代表父节点 ...

removeChild

removeChild相关推荐

最新文章

热门文章