使用querySelector(element)获取的元素，将其添加到创建的其他元素中，页面本身的元素消失，出现该现象的原理？

Question

let el = document.querySelector("#id");
let fragment = document.createDocumentFragment();
// let fragment = document.createElement("div");
fragment.append(el);

如代码所示，不论是创建文档碎片还是创建一个新的 div 元素，将 querySelector 获取到的元素插入到新创建的元素中以后，页面中原本的 Html 结构就移除了 #id 的元素，希望有大佬可以解惑

Answer 1

创建文档碎片或者新元素都是新的，但是query取的页面上的，把页面上这个元素插入到新元素里可不就是移除掉。
你应该克隆一份出来
https://developer.mozilla.org...

Answer 2

你这个做法叫做移动，如果要保留原始内容请复制。