您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

javascript 拷贝节点cloneNode()使用介绍

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了javascript 节点操作拷贝节点cloneNode()的使用,需要的朋友可以参考下

cloneNode(a)方法接受一个布尔值参数,表示是否深拷贝  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