javascript 拷贝节点cloneNode()使用介绍_javascript技巧
程序员文章站
2022-04-07 19:03:09
...
cloneNode(a)方法接受一个布尔值参数,表示是否深拷贝
true:表示执行深拷贝,复制本节点以及整个子节点树.
false:浅拷贝.只复制节点本身.
复制后返回的节点副本属于文档所有,但是并没有父节点.除非使用appendChild,insertChild(),replaceChild()将它添加到文档
1
2
3
var oDiv = document.getElementById("guoDiv");
var deepList = oDiv.cloneNode(true); //拷贝子节点
alert(deepList.childNodes.length); //3或7(兼容性问题,所以结果不一样)
var showList = oDiv.cloneNode(false); //只拷贝当前元素的引用
alert(showList.childNodes.length); //0
true:表示执行深拷贝,复制本节点以及整个子节点树.
false:浅拷贝.只复制节点本身.
复制后返回的节点副本属于文档所有,但是并没有父节点.除非使用appendChild,insertChild(),replaceChild()将它添加到文档
复制代码 代码如下:
1
2
3
var oDiv = document.getElementById("guoDiv");
var deepList = oDiv.cloneNode(true); //拷贝子节点
alert(deepList.childNodes.length); //3或7(兼容性问题,所以结果不一样)
var showList = oDiv.cloneNode(false); //只拷贝当前元素的引用
alert(showList.childNodes.length); //0
推荐阅读
-
JavaScript中的this关键字介绍与使用实例_javascript技巧
-
JavaScript 用cloneNode方法克隆节点的代码_javascript技巧
-
js open() 与showModalDialog()方法使用介绍_javascript技巧
-
HTML中的setCapture和releaseCapture使用介绍_javascript技巧
-
IE下使用cloneNode注意事项分享_javascript技巧
-
javascript 数组排序函数sort和reverse使用介绍_javascript技巧
-
使用js完成节点的增删改复制等的操作_javascript技巧
-
Javascript 中的 call 和 apply使用介绍_javascript技巧
-
js修改原型的属性使用介绍_javascript技巧
-
php 中序列化和json使用介绍_javascript技巧