Comment déplacer un élément HTML

Question

Comment déplacer un élément HTML vers un autre élément. Notez que je ne parle pas de la position d'un élément en mouvement. Considérez ce code HTML:

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

Je veux déplacer « to_be_moved » à « cible » pour « cible » a enfant « to_be_moved » maintenant. Donc, le résultat devrait être comme ceci:

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

J'ai cherché dans google (en particulier en utilisant le framework prototype), mais tout ce que j'ai est position de déplacement, non pas comme je veux. Merci avant.

Answer 1

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

Answer 2

En supposant que vous travaillez avec des éléments DOM natifs, la méthode Javascript .appendChild répondra à vos besoins.

En Javascript natif, document.getElementByID est probablement votre meilleur pari à obtenir l'élément DOM, alors ...

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

Answer 3

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

Ou, pour une façon plus lisible ...

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