appendChild() 可直接移动节点，自动从原父节点移除并添加到新父节点末尾；insertBefore() 用于插入到指定位置；cloneNode() 是复制而非移动，事件监听器随节点一起移动。
直接用 appendChild() 就行 —— 它会自动先从原父节点移除，再添加到新父节点，不需要手动调用 removeChild()。
用 appendChild() 移动节点（最常用）
DOM 节点是“活”的引用，调用 newParent.appendChild(node) 时，浏览器会自动把该节点从原来的位置摘下来，再挂到 newParent 末尾。
- 如果节点原本有父节点，它会被自动移除，不会复制
- 如果节点没有父节点（比如刚用
document.createElement()创建的），就只是添加，不涉及移动 - 注意：不能把一个节点同时加到两个地方，第二次
appendChild相当于“搬家”
示例：
<div id="old"><p id="target">我要搬家</p></div><div id="new"></div>
const target = document.getElementById('target');
const newParent = document.getElementById('new');
newParent.appendChild(target); // 一行搞定，target 已从 #old 移入 #new
用 insertBefore() 插入到指定位置
如果想插到新父容器的开头或中间，而不是末尾，用 insertBefore()：
newParent.insertBefore(node, referenceNode)-
referenceNode是新父容器内已存在的子节点，node会插在它前面 - 若传
null作为第二个参数，效果等同于appendChild()（插到最后）
示例（插到新容器最前面）：
const newParent = document.getElementById('new');
const firstChild = newParent.firstChild;
newParent.insertBefore(target, firstChild);
注意：别用 cloneNode() 除非真要复制
cloneNode(true) 会创建副本，原节点还在老地方 —— 这不是移动，是复制+添加。容易误以为“移过去了”，结果页面出现两份。
- 只在明确需要保留原节点时才用
cloneNode - 移动场景下，用
appendChild或insertBefore更安全、更高效
补充：移动后节点的事件监听器还在吗？
在，只要没手动 removeEventListener 或覆盖 onclick 等属性，事件监听器会随节点一起移动。因为监听器绑定在节点对象本身，不是绑定在某个父级上下文里。
