复制（克隆）节点node . cloneNode ( )深拷贝浅拷贝

落日映苍穹つ 2022-12-02 15:20 222阅读 0赞

##### node.cloneNode ()方法返回调用该方法的节点的-一个副本。也称为克隆节点/拷贝节点 #####

*  如果括号参数为空或者为false,则是浅拷贝，即只克隆复制节点本身，不克隆里面的子节点。
 *  如果括号参数为true，则是深度拷贝，会复制节点本身以及里面所有的子节点。

#### ①浅拷贝 ####

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>clonetest</title>
    </head>
    <body>
    	<ul>
    		<li>123</li>
    		<li>123</li>
    		<li>123</li>
    	</ul>
    </body>
    <script>
    	var ul = document.querySelector("ul");
    	ul.appendChild(ul.children[0].cloneNode());
    </script>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzY3OTQ1_size_16_color_FFFFFF_t_70_pic_center]  
②深拷贝

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>clonetest</title>
    </head>
    <body>
    	<ul>
    		<li>123</li>
    		<li>123</li>
    		<li>123</li>
    	</ul>
    </body>
    <script>
    	var ul = document.querySelector("ul");
    	ul.appendChild(ul.children[0].cloneNode(true));
    </script>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzY3OTQ1_size_16_color_FFFFFF_t_70_pic_center 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzY3OTQ1_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/a57063372ce54619b395347e0369ae27.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNzY3OTQ1_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/513db8a20ad24f1eaeba0a93684516f6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，222人围观）

还没有评论，来说两句吧...

相关阅读

相关深拷贝浅拷贝

深拷贝浅拷贝深拷贝和浅拷贝的区别 1.浅拷贝：将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用 2.深拷贝：创建一个新的

柔光的暖阳◎/ 2022年12月26日 11:20/ 0 赞/ 221 阅读

相关 ES6--深度克隆（深拷贝和浅拷贝）

拷贝数据：基本数据类型：拷贝后会生成一份新的数据，修改拷贝以后的数据不会影响原数据对象/数组拷贝后不会生成新的数据，而是拷贝引用，修改拷贝后的数据会影响原数据

傷城~/ 2022年12月06日 12:38/ 0 赞/ 754 阅读

相关复制（克隆）节点node . cloneNode ( )深拷贝浅拷贝

node.cloneNode ()方法返回调用该方法的节点的-一个副本。也称为克隆节点/拷贝节点如果括号参数为空或者为false,则是浅拷贝，即只克隆复制节点本身

落日映苍穹つ/ 2022年12月02日 15:20/ 0 赞/ 223 阅读

相关深拷贝/浅拷贝

一、值传递和引用传递在谈值传递和引用传递之前先了解下java数据类型有哪些 Java数据类型 java的数据类型有两大类，基本类型和对象类型。相应的，变量也有两

青旅半醒/ 2022年11月06日 05:49/ 0 赞/ 221 阅读

相关 java中的浅拷贝（浅复制）和深拷贝（深复制）

浅拷贝：浅拷贝又称为浅复制，浅克隆，浅拷贝是指拷贝时只拷贝对象本身（包括对象中的基本变量），而不拷贝对象包含的引用所指向的对象，拷贝出来的对象的所有变量的值都

你的名字/ 2022年10月15日 09:54/ 0 赞/ 230 阅读

相关 Java中的深拷贝(深复制)和浅拷贝(浅复制)

转自：[http://www.cnblogs.com/shuaiwhu/archive/2010/12/14/2065088.html][http_www.cnblogs.co

系统管理员/ 2022年06月15日 03:14/ 0 赞/ 287 阅读

相关深拷贝，浅拷贝

浅拷贝：拷贝了最外围的对象本身，内部的元素都只是拷贝了一个引用而已。也就是，把对象复制一遍，但是该对象中引用的其他对象我不复制深拷贝：外围和内部元素都进行了拷贝对象本身，而

灰太狼/ 2022年05月25日 10:36/ 0 赞/ 295 阅读

相关深拷贝浅拷贝

![本文思维导图][format_png] 目录深拷贝和浅拷贝的区别实现浅拷贝的几种方法实现深拷贝的3种方法基本数据类型引用类型传值与传址 ---

缺乏、安全感/ 2022年02月12日 16:53/ 0 赞/ 398 阅读

相关 java map复制浅拷贝深拷贝

java map深浅拷贝区分参考链接：[https://www.cnblogs.com/Marydon20170307/p/9132042.html][https_ww

谁践踏了优雅/ 2021年12月12日 00:51/ 0 赞/ 1097 阅读

相关【2019.07.18】java 浅复制（浅拷贝）与深复制（深拷贝）

> 浅拷贝：如果一个数据域是基本类型，复制的就是它的值。如果数据域是对象，复制的就是引用 > 深拷贝：值和引用全都复制代码示例 > 重写的`clone()`为

妖狐艹你老母/ 2021年11月18日 00:01/ 0 赞/ 308 阅读