如何移动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

假设你正在使用本机的DOM元素的工作，JavaScript方法.appendChild将满足您的需求。

在本地JavaScript，document.getElementByID可能是在获得的DOM元素你最好的选择，所以......

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

Answer 3

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

或者，更可读的方式...

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