javascript复制对象使用说明


Posted in Javascript onJune 28, 2011

oldObj是一个对象,而不是值
例如var newObj=oldObj;
如果想oldObj改变的时候不影响到newObj;
可以这样写一个函数

function clone(myObj){ 
if(typeof(myObj) != 'object') return myObj; 
if(myObj == null) return myObj; 
var myNewObj = new Object(); 
for(var i in myObj) 
myNewObj[i] = clone(myObj[i]); 
return myNewObj; 
}

然后这样调用
newObj=clone(oldObj)
之后,oldObj的值无论怎么改变都不会影响newObj

JavaScript复制对象
语法:
oElement = object . cloneNode ( bCloneChildren )

参数:
bCloneChildren :  可选项。布尔值(Boolean)。false | true
false :  默认值。克隆 object 时不包括 object 的 childNodes 集合。即其所有子对象。
true :  克隆 object 时包括 object 的 childNodes 集合。即其所有子对象。

返回值:
oElement :

对象(Element)。返回克隆后的新对象的引用。
说明:
在文档结构中克隆 object 。
克隆后,获取克隆对象的 id 时,将返回一个集合。
在运行时使用此方法是可以的。在对象的关闭标签被解析前,文档空间可能不能被呈递。
示例代码:

<script> 
function rdl_fnClone(){ 
var oCloneNode=oList.cloneNode(true); 
cloneArea.appendChild(oCloneNode); 
} 
</script> 
<table width=98%><tr><td> 
<ul id=oList> 
<li>第1个列表项目 
<li>第2个<a href="#" onclick="return false;">列表项目</a> 
<li style="font-weight:bold;">第3个列表项目 
</ul> 
</td><td id=cloneArea> 
</td></tr></table> 
<input type=button value=" 克隆 " onclick= "rdl_fnClone();">
Javascript 相关文章推荐
如何用JavaScript动态呼叫函数(两种方式)
May 03 Javascript
js中widow.open()方法使用详解
Jul 30 Javascript
JS获取农历日期具体实例
Nov 14 Javascript
JS自定义对象实现Java中Map对象功能的方法
Jan 20 Javascript
js实现点击左右按钮轮播图片效果实例
Jan 29 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
May 19 Javascript
用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
Oct 27 Javascript
Angularjs中使用指令绑定点击事件的方法
Mar 30 Javascript
vue项目中使用tinymce编辑器的步骤详解
Sep 11 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 Javascript
Vue实现数据表格合并列rowspan效果
Nov 30 Javascript
JavaScript严格模式不支持八进制的问题讲解
Nov 07 Javascript
javascript 45种缓动效果 非常酷
Jun 28 #Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
Jun 28 #Javascript
关于js类的定义
Jun 28 #Javascript
js 编程笔记 无名函数
Jun 28 #Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
Jun 28 #Javascript
基于jquery的回到页面顶部按钮
Jun 27 #Javascript
jQuery新闻滚动插件 jquery.roller.js
Jun 27 #Javascript
You might like
php计算2个日期的差值函数分享
2015/02/02 PHP
你应该知道PHP浮点数知识
2015/05/13 PHP
PHP 错误处理机制
2015/07/06 PHP
详解PHP归并排序的实现
2016/10/18 PHP
详解PHP文件的自动加载(autoloading)
2018/02/04 PHP
PHP检查端口是否可以被绑定的方法示例
2018/08/09 PHP
JS字符串的切分用法实例
2016/02/22 Javascript
AngularJS基础 ng-class-odd 指令示例
2016/08/01 Javascript
js基于myFocus实现轮播图效果
2017/02/14 Javascript
vue-cli3.0使用及部分配置详解
2018/08/29 Javascript
实例讲解JavaScript截取字符串
2018/11/30 Javascript
js变量声明var使用与不使用的区别详解
2019/01/21 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
2020/07/18 Javascript
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
Python的shutil模块中文件的复制操作函数详解
2016/07/05 Python
Python tkinter模块中类继承的三种方式分析
2017/08/08 Python
python 字典中文key处理,读取,比较方法
2018/07/06 Python
python2 与 pyhton3的输入语句写法小结
2018/09/10 Python
Python解析json代码实例解析
2019/11/25 Python
使用python+whoosh实现全文检索
2019/12/09 Python
浅谈Python中的异常和JSON读写数据的实现
2020/02/27 Python
基于Python的OCR实现示例
2020/04/03 Python
CSS3简单实现照片墙
2014/12/12 HTML / CSS
Genny意大利官网:意大利高级时装品牌
2020/04/15 全球购物
酒店出纳岗位职责
2013/12/29 职场文书
生产部统计员岗位职责
2014/01/05 职场文书
社区党总支书记先进事迹材料
2014/01/24 职场文书
新年爱情寄语
2014/04/08 职场文书
伦敦奥运会口号
2014/06/13 职场文书
春节超市活动方案
2014/08/14 职场文书
ktv好的活动方案
2014/08/15 职场文书
税务职业生涯规划书范文
2014/09/16 职场文书
2015年保卫科工作总结
2015/05/14 职场文书
2016年感恩节活动总结大全
2016/04/01 职场文书
Golang 正则匹配效率详解
2021/04/25 Golang