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

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>

②深拷贝

<!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>

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

JavaScript - DOM 克隆节点方法 - cloneNode
JavaScript - DOM 克隆节点方法 - cloneNode 具体看代码即可:(调用者为要克隆的节点) <!DOCTYPE html> <html lang="e ...
js DOM节点操作之创建、添加、删除和克隆节点
1. 创建节点 document.createElement("tagName"):tagName为HTML标签名,创建一个标签名为tagName的元素节点. <body&g ...
JS--JavaScript节点插入、删除、替换、克隆(appendChild、cloneNode、insertBefore、normalize、removeChild、replaceChild)
操作节点 Node类型为所有节点定义了很多原型方法,以方便对节点进行操作,其中获得所有浏览器一致支持的方法如下表: Node类型原型方法说明: 方法说明 appendChild() 向节点的子节点列 ...
克隆节点cloneNode括号里面的值的问题
关于js克隆节点cloneNode() // 括号为空或者里面是flase 浅拷贝只赋值标签不赋值内容 // //括号为里面是true 深拷贝赋值标签赋值内容这里我们选择克隆第一个li当做例子给 ...
第五模块为什么要使用克隆、如何实现克隆对象、序列化与反序列实现克隆的好处、深拷贝与浅拷贝
1 为什么要使用克隆 2 如何实现克隆对象 import java.io.ByteArrayInputStream; import java.io.ByteArrayOutputStream; i ...
C++ 构造函数、复制构造函数，拷贝构造函数(深拷贝、浅拷贝)
文章目录前言一.什么是构造函数? 二.构造函数的分类复制构造函数复制构造函数被调用的三种情况复制构造函数在以下三种情况下会被调用. 三.拷贝构造函数的分类深.浅拷贝构造函数的区别示例代码 ...
【java】克隆（clone），浅拷贝和深拷贝的区别
前言在很多人初学的时候,一定会被克隆是什么?怎么使用克隆?浅拷贝和深拷贝又是啥?所搞得晕头转向.这里我希望用最简单的语言向大家介绍我自己的理解.(我们马克思老师说,你能不能用农民也听得懂的语言介绍一 ...
[Leetcode][第133题][JAVA][克隆图][DFS][BFS][深拷贝]
[问题描述][中等] [解答思路] 其实就是深拷贝的一个实现,深拷贝就是对于所有的指针成员,不能仅仅是赋值,还有重新分配空间. 深拷贝反应在本题中就是,所有的结点需要重新new出来,而不是直接赋值. ...
JavaScript 节点概述、父节点 parentNode、子节点children、兄弟节点、创建节点添加节点、删除节点、复制拷贝节点 ★案例★
一般节点至少拥有nodeType(节点类型).nodeName(节点名称)和nodeValue(节点值)这三个基本属性元素节点 nodeType 为 1 属性节点 nodeType 为 2 文本节 ...

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

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

①浅拷贝

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

最新文章

热门文章