將 div 和內容移動到另一個 div

Question

我嘗試使用以下方法將我的 div 及其內容移動到另一個 div：

<script>
  document.getElementById('#header').appendChild(
    document.getElementById('#live')
  );
</script>

和

<script>
$("#header").append($("#live"))

  );
</script>

但我不能移動 div 我所做的最好的就是移動一些文本。

幫助。

Answer 1

如果您使用的是 jQuery，您想要的代碼是

$('#div1Content').appendTo('#div2');

看看這里的演示， http://jsfiddle.net/nwe44/we2cN/

Answer 2

嘗試

$('#live').appendTo('#header');

或者，

var live = $('#live').detach();
//do stuff
live.appendTo('#header');

detach() 將其從 DOM 中刪除，但將其保留在 memory 中，然后您可以將其 append 到其新父級。

Answer 3

使用 jQuery （您似乎在您的一個示例中使用它），您可以使用appendTo方法（請參閱文檔）：

$("#live").appendTo("#header");

這會將#live元素移動到#header元素中。