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 相关文章推荐
用jquery实现下拉菜单效果的代码
Jul 25 Javascript
jQuery标签替换函数replaceWith()的使用例子
Aug 28 Javascript
JavaScript模板引擎用法实例
Jul 10 Javascript
深入浅析AngularJS中的module(模块)
Jan 04 Javascript
jquery实现全选和全不选功能效果的实现代码【推荐】
May 05 Javascript
利用bootstrapValidator验证UEditor
Sep 14 Javascript
分享bootstrap学习笔记心得(组件及其属性)
Jan 11 Javascript
js实现数字递增特效【仿支付宝我的财富】
May 05 Javascript
解决低版本的浏览器不支持es6的import问题
Mar 09 Javascript
打通前后端构建一个Vue+Express的开发环境
Jul 17 Javascript
vue+element-ui表格封装tag标签使用插槽
Jun 18 Javascript
antd form表单数据回显操作
Nov 02 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框架功能对照表
2014/10/23 PHP
Zend Framework动作助手(Zend_Controller_Action_Helper)用法详解
2016/03/05 PHP
使用 PHP Masked Package 屏蔽敏感数据的实现方法
2019/10/15 PHP
jQuery中的.bind()、.live()和.delegate()之间区别分析
2011/06/08 Javascript
jQuery实现页面滚动时动态加载内容的方法
2015/03/20 Javascript
jQuery动态添加与删除tr行实例代码
2016/10/18 Javascript
原生js实现可拖动的登录框效果
2017/01/21 Javascript
JAVA中截取字符串substring用法详解
2017/04/14 Javascript
谈谈对vue响应式数据更新的误解
2017/08/01 Javascript
使用bootstraptable插件实现表格记录的查询、分页、排序操作
2017/08/06 Javascript
Angular中使用MathJax遇到的一些问题
2017/12/15 Javascript
Python实现遍历windows所有窗口并输出窗口标题的方法
2015/03/13 Python
详解Python中的循环语句的用法
2015/04/09 Python
Python探索之爬取电商售卖信息代码示例
2017/10/27 Python
PyCharm代码整体缩进,反向缩进的方法
2018/06/25 Python
浅谈python下含中文字符串正则表达式的编码问题
2018/12/07 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
django 实现手动存储文件到model的FileField
2020/03/30 Python
Python过滤掉numpy.array中非nan数据实例
2020/06/08 Python
浅谈Python描述数据结构之KMP篇
2020/09/06 Python
Django ModelForm组件原理及用法详解
2020/10/12 Python
Ootori在线按摩椅店:一家专业的按摩椅制造商
2019/04/10 全球购物
TCP协议通讯的过程和步骤是什么
2015/10/18 面试题
主要的Ajax框架都有什么
2013/11/14 面试题
高一英语教学反思
2014/01/22 职场文书
一年级数学教学反思
2014/02/01 职场文书
学校党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
2015年化验室工作总结
2015/04/23 职场文书
会议室使用管理制度
2015/08/06 职场文书
干部考核工作总结
2015/08/12 职场文书
2016年七夕情人节宣传语
2015/11/25 职场文书
职场新人刚入职工作总结该怎么写?
2019/05/15 职场文书
小学五年级(说明文3篇)
2019/08/13 职场文书
大学生军训心得体会5篇
2019/08/15 职场文书
PHP设计模式(观察者模式)
2021/07/07 PHP
Java详细解析==和equals的区别
2022/04/07 Java/Android