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 相关文章推荐
dojo 之基础篇(二)之从服务器读取数据
Mar 24 Javascript
jquery 事件执行检测代码
Dec 09 Javascript
js添加select下默认的option的value和text的方法
Oct 19 Javascript
JavaScript的类型、值和变量小结
Jul 09 Javascript
Bootstrap每天必学之折叠
Apr 12 Javascript
标准的js无缝滚动效果
Aug 30 Javascript
浅谈原生JS实现jQuery的animate()动画示例
Mar 08 Javascript
Bootstrap Table快速完美搭建后台管理系统
Sep 20 Javascript
js replace 全局替换的操作方法
Jun 12 Javascript
React中如何引入Angular组件详解
Aug 09 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
Sep 11 Javascript
js获取form表单中name属性的值
Feb 27 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中利用wsdl创建标准webservice的实现代码
2011/12/07 PHP
深入分析php中接口与抽象类的区别
2013/06/08 PHP
PHP页面实现定时跳转的方法
2014/10/31 PHP
提交表单后 PHP获取提交内容的实现方法
2016/05/25 PHP
php集成开发环境详解
2019/09/24 PHP
jquery+json实现的搜索加分页效果
2010/03/31 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
jQuery背景插件backstretch使用指南
2015/04/21 Javascript
javascript自定义右键弹出菜单实现方法
2015/05/25 Javascript
简单介绍jsonp 使用小结
2016/01/27 Javascript
javascript移动开发中touch触摸事件详解
2016/03/18 Javascript
jQuery的each循环用法简单示例
2016/06/12 Javascript
老生常谈JQuery data方法的使用
2016/09/09 Javascript
谈谈对JavaScript原生拖放的深入理解
2016/09/20 Javascript
使用JavaScript为一张图片设置备选路径的方法
2017/01/04 Javascript
JS 组件系列之BootstrapTable的treegrid功能
2017/06/16 Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
2017/07/10 Javascript
JavaScript简单实现合并两个Json对象的方法示例
2017/10/16 Javascript
使用JS判断页面是首次被加载还是刷新
2019/05/26 Javascript
Python内置的字符串处理函数整理
2013/01/29 Python
Python模仿POST提交HTTP数据及使用Cookie值的方法
2014/11/10 Python
在Python中使用base64模块处理字符编码的教程
2015/04/28 Python
Python使用Scrapy保存控制台信息到文本解析
2017/12/27 Python
python实现自动网页截图并裁剪图片
2018/07/30 Python
Python操作Jira库常用方法解析
2020/04/10 Python
Python根据指定文件生成XML的方法
2020/06/29 Python
matplotlib 三维图表绘制方法简介
2020/09/20 Python
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
2016/07/13 HTML / CSS
诗普兰迪官方网站:Splendid
2018/09/18 全球购物
力学专业求职信
2014/07/23 职场文书
大学生创业计划书怎么写
2014/09/15 职场文书
2014年幼儿园重阳节活动方案
2014/09/16 职场文书
2014大学生党员评议个人总结
2014/09/22 职场文书
欢迎词范文
2015/01/27 职场文书
win10+anaconda安装yolov5的方法及问题解决方案
2021/04/29 Python
Python实战之实现简易的学生选课系统
2021/05/25 Python