javascript dom等效于jquery appendTo [重复]答案

【问题标题】：javascript dom equivalent for jquery appendTo [duplicate]javascript dom等效于jquery appendTo [重复]
【发布时间】：2021-12-20 22:07:26
【问题描述】：

什么是javascript等价物

$('#srcSelectorId').appendTo('#destSelectorId');

【问题讨论】：

【解决方案1】：

jquery appendTo 等价的javascript dom 如下代码行：

srcEl = document.getElementById('srcSelectorId');
destEl = document.getElementById('destSelectorId');
destEl.appendChild(srcEl);

【讨论】：

为什么是documentFragment？只需执行destEl.append(srcEl) 即可完成工作。
呃...所以在你的脑海中，appending 到另一个元素（不知何故）克隆它，但 appending 到 DocumentFragment 有效正好？这有什么意义？ append将一个元素移动到另一个元素总是会移动它。
jQuery docs: ".append() 和 .appendTo() 方法执行相同的任务。主要区别在于语法" 所以它们实际上做同样的事情，只是其中一个是 @987654331 @，另一个是source.appendTo(target)。
现在你只是表明你甚至不明白.append()是如何工作的......