Как перемещать элемент 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);