DOM节点必须用cloneNode()复制，structuredClone和JSON序列化等方法均无效；cloneNode(true)深克隆含子树，false为浅克隆；需手动处理ID/name并重绑事件；跨文档节点须用importNode导入。
DOM 节点不能用 structuredClone 或 JSON.parse(JSON.stringify()) 等通用深拷贝方法复制，因为它们不是普通 JavaScript 对象，而是宿主环境提供的特殊对象，不支持结构化克隆算法中的大部分类型（如 Element、DocumentFragment、NodeList 等）。
DOM 节点必须用 cloneNode() 复制
cloneNode() 是唯一标准、可靠且专为 DOM 元素设计的克隆方法。它原生支持所有节点类型，包括元素、文本、注释、文档片段等。
-
浅克隆（默认）：
node.cloneNode()或node.cloneNode(false)—— 只复制当前节点，不包含子节点和文本内容 -
深克隆：
node.cloneNode(true)—— 复制节点及其全部后代（含所有子元素、文本节点、属性等） - 克隆后需手动处理 ID 和 name 属性，避免文档中出现重复 ID（违反 HTML 规范）或同名表单控件冲突
注意事件监听器不会被 cloneNode 复制
cloneNode 不会复制通过 addEventListener() 绑定的事件，也不会复制内联事件属性（如 onclick="..."）以外的动态绑定逻辑。如果需要保留交互行为，需在克隆后重新绑定事件，或采用事件委托方式统一管理。
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 内联事件（如
<button onclick="alert(1)">）会被复制，但不推荐依赖这种方式 - 建议将事件逻辑抽离为函数，在克隆后调用
addEventListener显式绑定
跨文档节点要先用 importNode
如果目标节点来自另一个文档（如 iframe 内的 document），不能直接 cloneNode 后插入当前文档。必须使用 document.importNode(node, deep) 将其“导入”到当前上下文，再插入 DOM。
立即学习“Java免费学习笔记（深入）”；
-
importNode返回的是当前文档中新创建的节点副本，可安全操作和插入 - 与
cloneNode行为类似，deep参数控制是否包含子树 - 常见于微前端、iframe 通信或模板预加载场景
不要尝试用其他深拷贝方法处理 DOM 节点
以下方式均无效或会出错：
-
structuredClone(node)→ 抛出DataCloneError（DOM 节点不在结构化克隆支持范围内） -
JSON.parse(JSON.stringify(node))→ 返回空对象或报错（节点不可序列化） -
Object.assign({}, node)或展开运算符 → 只复制部分自有属性（如id、className），丢失原型方法、内部状态和 DOM 树关系
