web-dev-qa-db-ja.com

HTML要素を移動する方法

HTML要素を別の要素に移動する方法。移動要素の位置を意味するものではないことに注意してください。このHTMLコードを検討してください。

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

「to_be_moved」を「target」に移動したいので、「target」には子「to_be_moved」があります。したがって、結果は次のようになります。

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

私はグーグルで（特にプロトタイプフレームワークを使用して）検索しましたが、私が持っているのは私が望むようではなく、位置を動かすことだけです。前に感謝します。

javascriptprototypejselementmove
16
iroel
document.getElementById('target').appendChild(  document.getElementById('to_be_moved') )
29
meder omuraliev
$("target").insert($("to_be_moved").remove());

または、より読みやすい方法のために...

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

ネイティブDOM要素を使用していると仮定すると、Javascriptメソッド .appendChild あなたのニーズに合うでしょう。

ネイティブJavascriptでは、document.getElementByIDはおそらくDOM要素を取得するための最善の策なので、...

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