Cómo mover el elemento HTML

Question

Cómo mover el elemento HTML a otro elemento. Tenga en cuenta que, no me refiero a mover la posición del elemento. Considere este código HTML:

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

quiero mover "to_be_moved" a "blanco" por lo "objetivo" tiene hijo "to_be_moved" ahora. Así, el resultado debe ser similar a esto:

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

He buscado en Google (especialmente el uso de marco prototipo), pero todo lo que tengo es la posición en movimiento, no lo que yo quiero. Gracias antes.

Answer 1

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

Answer 2

Suponiendo que está trabajando con elementos DOM nativos, el método de Javascript .appendChild se adapte a sus necesidades.

En Javascript nativo, document.getElementByID es probablemente la mejor opción para conseguir el elemento DOM, así que ...

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

Answer 3

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

O, para una manera más fácil de leer ...

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