如何移动HTML元素

Question

如何将HTML元素移动到另一个元素.请注意,我并不是指移动元素的位置.考虑这个HTML代码:

<div id="target"></div>
<span id="to_be_moved"></span>

我想将"to_be_moved"移动到"目标",以便"目标"现在具有子"to_be_moved".所以结果应该是这样的:

<div id="target"><span id="to_be_moved"></span></div>

我在谷歌搜索过(特别是使用原型框架),但我所拥有的只是移动位置,而不是我想要的.谢谢你.

Answer 1

document.getElementById('target').appendChild(  document.getElementById('to_be_moved') )

Answer 2

$("target").insert($("to_be_moved").remove());

或者,为了更可读的方式......

var moveIt = $("to_be_moved").remove();
$("target").insert(moveIt);