Node.removeChild

Node.removeChild() 方法从DOM中删除一个子节点。返回删除的节点。

语法

let oldChild = node.removeChild(child);//ORelement.removeChild(child);

child 是要移除的那个子节点.
node 是child的父节点.
oldChild保存对删除的子节点的引用. oldChild === child.

被移除的这个子节点仍然存在于内存中,只是没有添加到当前文档的DOM树中,因此,你还可以把这个节点重新添加回文档中,当然,实现要用另外一个变量比如上例中的oldChild来保存这个节点的引用. 如果使用上述语法中的第二种方法, 即没有使用 oldChild 来保存对这个节点的引用, 则认为被移除的节点已经是无用的, 在短时间内将会被内存管理回收.

如果上例中的child节点不是node节点的子节点,则该方法会抛出异常.

示例

<!--示例HTML代码--><div id="top" align="center"><div id="nested"></div>
</div>// 先定位父节点,然后删除其子节点
var d = document.getElementById("top");
var d_nested = document.getElementById("nested");
var throwawayNode = d.removeChild(d_nested);// 无须定位父节点,通过parentNode属性直接删除自身
var node = document.getElementById("nested");
if (node.parentNode) {node.parentNode.removeChild(node);
}// 移除一个元素节点的所有子节点
var element = document.getElementById("top");
while (element.firstChild) {element.removeChild(element.firstChild);
}

Node.removeChild相关推荐

jq 给节点node加事件_JavaScript 原生对象、属性、方法、事件、事件参数
/*** 事件参考 https://developer.mozilla.org/zh-CN/docs/Web/Events* Event <- UIEvent <- MouseEvent* ...
Cocos2d之Node类详解之节点树（二）
一.声明本文属于笔者原创,允许读者转载和分享,只要注明文章来源即可. 笔者使用cocos2d框架的cocos2d-x-3.3rc0版本的源代码做分析.这篇文章承接上篇<Cocos2d之Node ...
javascript Node对象
属性属性描述读写 Node.baseURI DOMString 只读 Node.childNodes NodeList 只读 Node.firstChild Node 只读 Node.isCon ...
CocosCreator新手教程——cc.Node基础常用接口（API）
CocosCreator开发笔记--cc.Node基础常用接口(API) 一.常用属性 cc.Class({extends: cc.Component,properties: {sprite: {de ...
qt XML文件中node的删除方法
QDomElement findnode = getElementById(root2,selNameStr);//找到需要删除的元素 QDomNode node = findnode.pa ...
Cocos2d-x Lua Node与Node层级架构
Cocos2d-x Lua采用层级(树形)结构管理场景.层.精灵.菜单.文本.地图和粒子系统等节点(Node)对象.一个场景包含了多个层,一个层又包含多个精灵.菜单.文本.地图和粒子系统等对象.层级结 ...
【前端 HTML+CSS+JavaScript(JS)】DOM练习-图片在DIV间移动的实现-removeChild cloneNode position append 上下对齐带注释/总结
作业要求: 效果: 总结: 1.让元素上下对齐的方法: ①让图片上下对齐用vertical-align:cender; ②让其他元素上下对齐设置line-height与height一样. 2.CSS中 ...
Node对象与Element对象
Node对象与Element对象 Node对象 Node对象是什么继承链关系判断节点类型遍历节点获取父节点空白节点问题空白节点空白节点的解决方案获取子节点获取相邻兄弟节点插入节点 ...
Node.nodeType节点
常用的节点类型文档节点 document 9 元素节点 element 1 属性节点 Attr 2 文本节点 text 3 注释节点 comment 8 示例:获取一行注释节点 <body&g ...

Node.removeChild

Node.removeChild

语法

示例

Node.removeChild相关推荐

最新文章

热门文章