clonenode(true)深拷贝节点及其全部子节点；clonenode(false)浅拷贝仅当前节点标签、属性，不复制子节点（含文本），默认参数为false，id冲突、事件监听器丢失、表单值不同步需手动处理。
cloneNode 是 DOM 原生方法，专门用于复制节点，它不处理 JavaScript 对象或数据结构，只作用于 DOM 节点本身。所谓“深拷贝”和“浅拷贝”，在这里指是否复制子树结构，而不是 JS 中对象层级的递归拷贝。
cloneNode 的两种模式
该方法接收一个可选布尔参数 deep：
- 不传参 或 false：浅拷贝 —— 只复制当前节点，不复制任何子节点、文本内容也不保留（因为文本是 Text 类型子节点）
- true：深拷贝 —— 复制当前节点 + 所有后代节点（包括元素、注释、文本等），形成完整子树副本
深拷贝能复制什么？不能复制什么？
即使使用 cloneNode(true)，也仅限于 DOM 结构层面的复制：
用于自动切换项目中适合的node 版本
下载
根据 package.json 中的 engines 字段自动检测 Node.js 版本需求，未安装 nvm 时自动安装并切换至对应版本。支持 Windows、macOS、Linux。适用于 Node.js 项目开发、版本切换和环境配置。
- ✅ 复制 HTML 标签、属性（
id、class、data-*等） - ✅ 复制嵌套的元素结构与文本内容（如
<span>Hello</span>） - ❌ 不复制表单控件的当前值（如
<input value="user">克隆后 value 为空字符串） - ❌ 不复制通过
addEventListener绑定的事件监听器 - ❌ 不复制内联事件属性（如
onclick="doSomething()"）——现代标准中本就不推荐写法 - ❌ 不复制自定义 JS 属性（如
node.myData = {x:1}）
克隆后必须注意的 ID 冲突问题
如果原节点有 id 属性，克隆体将拥有相同 ID，这违反 HTML 规范（ID 必须唯一）。插入前建议重置：
const clone = original.cloneNode(true);<br>if (clone.id) clone.id = clone.id + '-copy';<br>// 或用更安全的方式生成唯一 ID<br>clone.id = clone.id ? `${clone.id}-${Date.now()}` : '';
让克隆节点具备交互能力的实用做法
由于事件监听器不会被克隆，需手动补上。推荐以下方式：
- 事件委托：把监听器绑定在父容器上，利用冒泡机制响应所有后代节点（包括后续克隆添加的）
-
封装初始化函数：把创建节点、设置属性、绑定事件逻辑打包成函数，克隆后立即调用，例如：
function initCard(card) { card.querySelector('.btn').addEventListener('click', handleClick); }<br>const clone = original.cloneNode(true);<br>initCard(clone); -
避免直接克隆带事件的节点：优先用模板字符串或
document.createElement动态构建，便于统一控制状态和行为
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
