clonenode(true)仅复制html属性和子元素结构，不复制事件监听器、表单实时值、dataset动态属性及自定义js属性；需手动同步状态，推荐用封装复用。
DOM 节点的“深拷贝”在 JavaScript 中有明确边界：它不等于对象深拷贝，而是指 cloneNode(true) 所实现的结构级复制。这个操作处理 DOM 属性的方式是确定且有限的——只复制静态 HTML 属性，不复制运行时状态。
哪些 DOM 属性会被 cloneNode(true) 复制
以下内容会完整保留在克隆节点中：
- 所有 HTML 属性（
id、class、style、data-*等） - 子元素树结构（包括嵌套的元素节点、文本节点、注释节点）
- 属性值的字符串形式（例如
value="abc"会被复制，但不是当前输入框的实时.value）
哪些 DOM 属性或状态不会被复制
这些都属于 JavaScript 运行时状态，cloneNode 不触碰：
-
事件监听器：用
addEventListener绑定的函数完全丢失，必须手动重新绑定 -
表单控件的当前值：如
<input>的.value、<textarea></textarea>的内容、<select></select>的.selectedIndex都不会同步；需单独赋值 -
dataset 数据：虽然
data-*属性本身会被复制，但通过node.dataset.xxx动态设置的 JS 属性不会保留，要重新写入 -
自定义 JS 属性：如
node.myFlag = true或node.__cache这类挂载在节点上的任意属性，一律不复制
如何安全补全缺失的属性
克隆后建议按需手动恢复关键状态：
- 对表单元素，显式同步值：
clonedInput.value = originalInput.value - 对带事件的节点，重新绑定：
clonedBtn.addEventListener('click', handler) - 对 dataset，可遍历原节点的
dataset对象并赋值：Object.assign(cloned.dataset, Object.fromEntries(Object.entries(original.dataset))) - 若需频繁复用带状态的结构，优先用
<template></template>标签封装，避免从真实 DOM 克隆带来的副作用
本质上，DOM 深克隆是结构复制，不是状态镜像。理解这个界限，才能避免误以为“克隆完就万事大吉”。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
