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


Posted in Javascript onApril 03, 2014

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
Javascript 相关文章推荐
js 面向对象的技术创建高级 Web 应用程序
Feb 25 Javascript
基于Jquery实现的一个图片滚动切换
Jun 21 Javascript
php跨域调用json的例子
Nov 13 Javascript
Java  Spring 事务回滚详解
Oct 17 Javascript
理解JavaScript原型链
Oct 25 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
Feb 18 Javascript
jQuery动态移除和添加背景图片的方法详解
Mar 07 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
Aug 25 Javascript
详解Chart.js轻量级图表库的使用经验
May 22 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
基于js实现抽红包并分配代码实例
Sep 19 Javascript
详解JavaScript 的执行机制
Sep 18 Javascript
javascript替换已有元素replaceChild()使用介绍
Apr 03 #Javascript
Extjs grid添加一个图片状态或者按钮的方法
Apr 03 #Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
Apr 03 #Javascript
单击和双击事件的冲突处理示例代码
Apr 03 #Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
Apr 03 #Javascript
邮箱下拉自动填充选择示例代码附图
Apr 03 #Javascript
JS获取网页属性包括宽、高等等
Apr 03 #Javascript
You might like
浅谈web上存漏洞及原理分析、防范方法(文件名检测漏洞)
2013/06/29 PHP
PHP使用curl模拟post上传及接收文件的方法
2016/03/04 PHP
PHP使用GD库输出汉字的方法【测试可用】
2016/11/10 PHP
PHP基于ICU扩展intl快速实现汉字转拼音及按拼音首字母分组排序的方法
2017/05/03 PHP
js新闻滚动 js如何实现新闻滚动效果
2013/01/07 Javascript
JS读取XML文件示例代码
2013/11/15 Javascript
让浏览器DOM元素最后加载的js方法
2014/07/29 Javascript
jQuery过滤选择器用法分析
2015/02/10 Javascript
JavaScript实现拖拽网页内元素的方法
2015/04/15 Javascript
jQuery animate easing使用方法图文详解
2016/06/17 Javascript
基于JQuery实现的跑马灯效果(文字无缝向上翻动)
2016/12/02 Javascript
前端页面文件拖拽上传模块js代码示例
2017/05/19 Javascript
详解Angular.js中$http拦截器的介绍及使用
2017/07/04 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
Javascript中绑定click事件的四种方式介绍
2018/10/26 Javascript
JavaScript设计模式之代理模式实例分析
2019/01/16 Javascript
element-ui中Table表格省市区合并单元格的方法实现
2019/08/07 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
2019/11/15 Javascript
如何优雅地在Node应用中进行错误异常处理
2019/11/25 Javascript
Python使用爬虫猜密码
2016/02/19 Python
python中import reload __import__的区别详解
2017/10/16 Python
Python3.6实现连接mysql或mariadb的方法分析
2018/05/18 Python
python设置值及NaN值处理方法
2018/07/03 Python
python如何生成各种随机分布图
2018/08/27 Python
Python语言检测模块langid和langdetect的使用实例
2019/02/19 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
Pycharm安装python库的方法
2020/11/24 Python
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
2012/12/13 HTML / CSS
美国男装连锁零售商:Men’s Wearhouse
2016/10/14 全球购物
俄罗斯最大的在线手表商店:Bestwatch.ru
2020/01/11 全球购物
美国在线购买内衣网站:HerRoom
2020/02/22 全球购物
中专毕业生自荐信范文
2013/11/28 职场文书
优秀驾驶员先进事迹材料
2014/05/04 职场文书
2014年财务部工作总结
2014/11/11 职场文书
个人求职意向书
2015/05/11 职场文书
Go使用协程交替打印字符
2021/04/29 Golang