Comment déplacer un élément HTML

Comment faire pour déplacer l'élément HTML à un autre élément. Notez que, je ne veux pas dire le déplacement de l'élément de position. Considérer ce code HTML:

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

Je veux déplacer "to_be_moved" pour "cible" afin de "cible" enfants "to_be_moved" maintenant. Ainsi, le résultat devrait ressembler à ceci:

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

J'ai cherché dans google (en particulier à l'aide de prototype) mais tout ce que j'ai est le déplacement de la position, pas que je veux. Remerciements avant.

source d'informationauteur iroel

  1. 20
    document.getElementById('target').appendChild(  document.getElementById('to_be_moved') )
  2. 6
    $("target").insert($("to_be_moved").remove());

    Ou, pour un plus lisible...

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

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

    En Javascript natif, document.getElementByID est probablement votre meilleur pari dans l'obtention de l'élément du DOM, donc...

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