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验证邮箱格式是否正确的代码
Dec 05 Javascript
js传值后台中文出现乱码的解决方法
Jun 30 Javascript
jquery实现垂直和水平菜单导航栏
Aug 27 Javascript
JS控制FileUpload的上传文件类型实例代码
Oct 07 Javascript
vue.js实现仿原生ios时间选择组件实例代码
Dec 21 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
Aug 12 Javascript
bootstrap-table实现服务器分页的示例 (spring 后台)
Sep 01 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
Dec 27 Javascript
vue组件之间通信方式实例总结【8种方式】
Feb 22 Javascript
浅谈Node 异步IO和事件循环
May 05 Javascript
Node配合WebSocket做多文件下载以及进度回传
Nov 07 Javascript
vue-model实现简易计算器
Aug 17 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
第十二节 类的自动加载 [12]
2006/10/09 PHP
浅谈php安全性需要注意的几点事项
2014/07/17 PHP
PHP学习笔记(三):数据类型转换与常量介绍
2015/04/17 PHP
Yii使用Captcha验证码的方法
2015/12/28 PHP
php生成图片验证码的方法
2016/04/15 PHP
Smarty模板变量与调节器实例详解
2019/07/20 PHP
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
window.location.hash 属性使用说明
2010/03/20 Javascript
预加载css或javascript的js代码
2010/04/23 Javascript
为Extjs加加速(javascript加速)
2010/08/19 Javascript
浅谈EasyUI中Treegrid节点的删除
2015/03/01 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
2015/09/20 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
2016/02/14 Javascript
详解Angular2中的编程对象Observable
2016/09/17 Javascript
微信小程序实现添加手机联系人功能示例
2017/11/30 Javascript
vue实现密码显示隐藏切换功能
2018/02/23 Javascript
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
layui清空,重置表单数据的实例
2019/09/12 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
原生js实现购物车功能
2020/09/23 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
Vue router安装及使用方法解析
2020/12/02 Vue.js
[06:37]2014DOTA2国际邀请赛 昔日王者渴望重回巅峰
2014/07/12 DOTA
fastcgi文件读取漏洞之python扫描脚本
2017/04/23 Python
Python网络编程详解
2017/10/31 Python
python简单图片操作:打开\显示\保存图像方法介绍
2017/11/23 Python
python中kmeans聚类实现代码
2018/02/23 Python
python 去除二维数组/二维列表中的重复行方法
2019/01/23 Python
python 装饰器重要在哪
2021/02/14 Python
Dr. Martens马汀博士澳大利亚官网:马丁靴鼻祖
2019/07/02 全球购物
模具设计与制造专业推荐信
2014/02/16 职场文书
中小学校园安全广播稿
2014/09/29 职场文书
酒店辞职书怎么写
2015/02/26 职场文书
小学中队活动总结
2015/05/11 职场文书
Go语言中break label与goto label的区别
2021/04/28 Golang
让JavaScript代码更加精简的方法技巧
2022/06/01 Javascript