22

如何将 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>

我在谷歌搜索过（特别是使用原型框架），但我得到的只是移动位置，而不是我想要的。之前谢谢。

4

2 回答 2

37 
document.getElementById('target').appendChild(  document.getElementById('to_be_moved') )
于 2010-07-28T21:21:14.587 回答
1

假设您正在使用本机 DOM 元素，Javascript 方法.appendChild将满足您的需求。

在本机 Javascript 中，document.getElementByID可能是获取 DOM 元素的最佳选择，所以...

var target = document.getElementById('target')
document.getElementById('to_be_moved').appendChild(target)
于 2010-07-28T21:21:55.507 回答