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 相关文章推荐
js截取字符串的两种方法及区别详解
Nov 05 Javascript
js控制文本框输入的字符类型方法汇总
Jun 19 Javascript
浅谈javascript中的Function和Arguments
Aug 30 Javascript
jQuery如何防止Ajax重复提交
Oct 14 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
Nov 26 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
Feb 28 Javascript
Vue.js仿微信聊天窗口展示组件功能
Aug 11 Javascript
jQuery 中msgTips 顶部弹窗效果实现代码
Aug 14 jQuery
Bootstrap框架建立树形菜单(Tree)的实例代码
Oct 30 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
Mar 26 Javascript
详解vue微信网页授权最终解决方案
Jun 16 Javascript
从原生JavaScript到React深入理解
Jul 23 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常用Stream函数集介绍
2013/06/24 PHP
解析php通过cookies获取远程网页的指定代码
2013/06/25 PHP
PHP字符串中特殊符号的过滤方法介绍
2014/02/18 PHP
PHP laravel中的多对多关系实例详解
2017/06/07 PHP
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
2020/09/17 PHP
javascript读取xml
2006/11/04 Javascript
兼容IE和FF的js脚本代码小结(比较常用)
2010/12/06 Javascript
javascript数组去掉重复
2011/05/12 Javascript
functional继承模式 摘自javascript:the good parts
2011/06/20 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
js获取时间(本周、本季度、本月..)
2013/11/22 Javascript
javascript常见数据验证插件大全
2015/08/03 Javascript
jquery选择器简述
2015/08/31 Javascript
js HTML5 Canvas绘制转盘抽奖
2020/09/13 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
2016/09/18 Javascript
清除js缓存的多种方法总结
2016/12/09 Javascript
jQuery实现简单漂亮的Nav导航菜单效果
2017/03/29 jQuery
学习使用Bootstrap输入框、导航、分页等常用组件
2017/05/11 Javascript
解决vue中虚拟dom,无法实时更新的问题
2018/09/15 Javascript
js console.log打印对象时属性缺失的解决方法
2019/05/23 Javascript
layer插件实现在弹出层中弹出一警告提示并关闭弹出层的方法
2019/09/24 Javascript
js实现录音上传功能
2019/11/22 Javascript
[01:10]DOTA2 Supermajor:英雄,由我们见证
2018/05/14 DOTA
Python中super的用法实例
2015/05/28 Python
Python的Django框架中的表单处理示例
2015/07/17 Python
使用PyQt4 设置TextEdit背景的方法
2019/06/14 Python
django写用户登录判定并跳转制定页面的实例
2019/08/21 Python
HTML5中微数据概述及在搜索引擎中的使用举例
2013/02/07 HTML / CSS
prAna官网:瑜伽、旅行和冒险服装
2019/03/10 全球购物
英国在线照明超市:Castlegate Lights
2019/10/30 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
前台接待岗位职责范本
2015/04/03 职场文书
红歌会主持词
2015/07/02 职场文书
Promise面试题详解之控制并发
2021/05/14 面试题
聊聊pytorch测试的时候为何要加上model.eval()
2021/05/23 Python
nginx 配置指令之location使用详解
2022/05/25 Servers