javascript 拷贝节点cloneNode()使用介绍
2014-04-03 00:00
876 查看
cloneNode(a)方法接受一个布尔值参数,表示是否深拷贝
true:表示执行深拷贝,复制本节点以及整个子节点树.
false:浅拷贝.只复制节点本身.
复制后返回的节点副本属于文档所有,但是并没有父节点.除非使用appendChild,insertChild(),replaceChild()将它添加到文档
true:表示执行深拷贝,复制本节点以及整个子节点树.
false:浅拷贝.只复制节点本身.
复制后返回的节点副本属于文档所有,但是并没有父节点.除非使用appendChild,insertChild(),replaceChild()将它添加到文档
<div id="guoDiv"> <span>1</span> <span>2</span> <span>3</span> </div> 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 拷贝节点cloneNode()使用介绍
- javascript dom操作之cloneNode文本节点克隆使用技巧
- javascript移出节点removeChild()使用介绍
- javascript 节点操作拷贝节点cloneNode()
- javascript移出节点removeChild()使用介绍
- Javascript引用指针使用介绍
- 递归算法在javascript中使用的小技巧 (javascript的对象封装方法介绍)
- javascript之querySelector和querySelectorAll使用介绍
- 文档显示部件直接使用javascript脚本介绍
- JavaScript对DOM节点进行操作(不使用第三方框架)
- JavaScript作用域链使用介绍
- 使用JavaScript展开/折叠TreeView中所有节点(Expand and Collapse All Nodes of asp.net Treeview on the client with javascript)
- 链接中javascript: void(0)的使用介绍
- JavaScript中的Math 使用介绍
- javascript:;与javascript:void(0)使用介绍
- javascript使用appendChild追加节点实例
- javascript:;与javascript:void(0)使用介绍
- javascript替换已有元素replaceChild()使用介绍
- WebviewJavascriptBridge的使用与介绍