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 相关文章推荐
Wordpress ThickBox 点击图片显示下一张图的修改方法
Dec 11 Javascript
使用js检测浏览器的实现代码
May 14 Javascript
js中点击空白区域时文本框与隐藏层的显示与影藏问题
Aug 26 Javascript
jQuery中:file选择器用法实例
Jan 04 Javascript
jstree的简单实例
Dec 01 Javascript
webpack实现热加载自动刷新的方法
Jul 30 Javascript
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
Mar 15 Javascript
vue-cli3项目展示本地Markdown文件的方法
Jun 07 Javascript
Vue通过配置WebSocket并实现群聊功能
Dec 31 Javascript
Vue 技巧之控制父类的 slot
Feb 24 Javascript
原生js实现购物车功能
Sep 23 Javascript
详解TypeScript的基础类型
Feb 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
经典的星际争霸,满是回忆的BGM
2020/04/09 星际争霸
PHP去掉从word直接粘贴过来的没有用格式的函数
2012/10/29 PHP
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
新浪微博OAuth认证和储存的主要过程详解
2015/03/27 PHP
Nginx下配置codeigniter框架方法
2015/04/07 PHP
SCP远程VPS快速搬家和WDCP升级php5.3安装memcached和eaccelerator教程
2017/07/27 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
thinkphp5实现无限级分类
2019/02/18 PHP
Javascript 事件流和事件绑定
2009/07/16 Javascript
jquery Mobile入门—多页面切换示例学习
2013/01/08 Javascript
javascript中的document.open()方法使用介绍
2013/10/09 Javascript
JavaScript判断变量是否为undefined的两种写法区别
2013/12/04 Javascript
js简单实现竖向tab选项卡的方法
2015/05/04 Javascript
JavaScript中String.prototype用法实例
2015/05/20 Javascript
jquery动感漂浮导航菜单代码分享
2020/04/15 Javascript
谈一谈jQuery核心架构设计
2016/03/28 Javascript
JavaScript中子对象访问父对象的方式详解
2016/09/01 Javascript
canvas实现刮刮卡效果
2017/03/14 Javascript
Angular2.0实现modal对话框的方法示例
2018/02/18 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
2018/03/03 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
2018/08/09 jQuery
详解react内联样式使用webpack将px转rem
2018/09/13 Javascript
小程序server请求微信服务器超时的解决方法
2019/05/21 Javascript
python list 合并连接字符串的方法
2013/03/09 Python
Python3 io文本及原始流I/O工具用法详解
2020/03/23 Python
Python中的Cookie模块如何使用
2020/06/04 Python
Python利用matplotlib绘制散点图的新手教程
2020/11/05 Python
CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
2012/11/13 HTML / CSS
物流管理系毕业生求职信
2014/06/03 职场文书
物流业务员岗位职责
2015/04/03 职场文书
班主任工作总结范文
2015/08/13 职场文书
2016年“5.12”护士节慰问信
2015/11/30 职场文书
Python+Appium实现自动抢微信红包
2021/05/21 Python
Python实现文字pdf转换图片pdf效果
2022/04/03 Python
MySQL优化之慢日志查询
2022/06/10 MySQL
Java服务调用RestTemplate与HttpClient的使用详解
2022/06/21 Java/Android