如何移動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);